feature: add brands and change query preview data source (#281)

Co-authored-by: Beltrán Garcia Balbuena <beltranbalbuena@gmail.com>

public/snippet-script.js

@@ -72,16 +72,16 @@ window.initX = {
   ...URLParameters,
   queriesPreview: [
     {
-      query: 'backpack',
-      title: 'Back to School!'
+      query: 'sunglasses',
+      title: 'Sunshine ready'
     },
     {
-      query: 'watch',
-      title: 'Get on time!'
+      query: 'marni summer dress',
+      title: 'Summer dresses by Marni'
     },
     {
-      query: 'women boots',
-      title: 'Get comfy!'
+      query: 'woven hat',
+      title: 'Elegant Sunshield'
     }
   ]
 };

src/adapter/adapter.ts

@@ -14,18 +14,21 @@ export const adapter = platformAdapter;
 interface EmpathyDemoPlatformResult extends PlatformResult {
   description: string;
   collection: string;
+  brand: string;
 }
 
 declare module '@empathyco/x-types' {
   export interface Result {
     collection: string;
     description: string;
+    brand: string;
   }
 }
 
 resultSchema.$override<EmpathyDemoPlatformResult, Partial<Result>>({
   description: 'description',
   collection: 'collection',
+  brand: 'brand',
   images: ({ __images }) => (Array.isArray(__images) ? __images.reverse() : [__images])
 });
 

src/components/results/result.vue

@@ -29,7 +29,10 @@
       <h2 class="x-title4 x-truncate x-uppercase" data-test="result-title">
         {{ result.description }}
       </h2>
-      <span v-if="showDescription" class="x-text2">{{ result.collection }}</span>
+      <template v-if="showDescription">
+        <span class="x-text2">{{ result.collection }}</span>
+        <span class="x-text2 x-text-lead-50">{{ result.brand }}</span>
+      </template>
       <div class="x-flex x-flex-wrap x-gap-8">
         <BaseResultCurrentPrice :result="result" class="x-text2 x-text2-lg x-font-bold" />
         <BaseResultPreviousPrice