fixed thematiques display

web/themes/custom/materiotheme/vuejs/api/gql/searchresults.fragment.gql

@@ -1,28 +1,32 @@
-fragment SearchResultFields on SearchResult {
+fragment SearchResultFields on SearchResultInterface {
   id
   uuid
   bundle
+  path
   title
   short_description
-  reference
-  path
-  images{
-    url
-    alt
-    style_cardmedium_url
-    style_hd_url
-  }
-  visuels{
-    url
-    alt
-    style_cardmedium_url
-    style_hd_url
-  }
-	samples{
-    showroom{
-      name
-      id
+  ... on Materiau{
+    images{
+      url
+      alt
+      style_cardmedium_url
+      style_hd_url
+    }
+    reference
+  	samples{
+      showroom{
+        name
+        id
+      }
+      location
+    }
+  }
+  ... on Thematique {
+    images{
+      url
+      alt
+      style_cardmedium_url
+      style_hd_url
     }
-    location
   }
 }

web/themes/custom/materiotheme/vuejs/components/Content/CardThematique.vue

@@ -11,7 +11,7 @@
     </header>
     <section class="images" v-switcher>
       <figure
-        v-for="(img, index) in item.visuels"
+        v-for="(img, index) in item.images"
         :key="img.url"
       >
         <img
@@ -28,7 +28,7 @@
       </figure>
     </section>
     <CoolLightBox
-      :items="item.visuels"
+      :items="item.images"
       :index="lightbox_index"
       srcName="style_hd_url"
       :loop="true"
@@ -54,7 +54,7 @@ export default {
       blanksrc:`${drupalSettings.path.themePath}/assets/img/blank.gif`,
       // loadingFlag: false,
       lightbox_index: null,
-      alias: this.item.path.replace(/^.?\/thematique\//g, '')
+      alias: this.item.path.replace(/^.*\/thematique\//g, '')
     }
   },
   // computed: {
@@ -98,7 +98,7 @@ export default {
     //   }
     // },
     openThematique (e) {
-      console.log('openThematique', e);
+      console.log('openThematique', e, this.alias);
       this.$router.push({
         name:`thematique`,
         params: { alias:this.alias }