add base image to node

src/components/globals/ButtonImage.vue

@@ -7,7 +7,7 @@
   >
     <span
       class="btn-image-wrapper"
-      :style="`--url: url(${image.url.replace('api', 'api/sites/default/files')});`"
+      :style="`--url: url(${image.url});`"
     >
       <slot name="default" />
     </span>

src/pages/gallery/GalleryView.vue

@@ -5,7 +5,7 @@
         <div class="h-100" />
 
         <div class="node-view-img-wrapper">
-          <img :src="image.url" :alt="image.alt">
+          <img :src="node.image.url" :alt="node.image.alt">
 
           <button-expand @click="$emit('view-creation')" v-b-modal="'modal-creation' + node.id" class="center" />
 
@@ -30,7 +30,7 @@
         class="gallery-view-btn-wrapper"
         :class="buttonClasses[i]"
       >
-        <button-image :image="sibling.images[0]" @click="$emit('open-creation', sibling.id)">
+        <button-image :image="sibling.image" @click="$emit('open-creation', sibling.id)">
           <node-view-title
             :node="sibling"
             tag="span" link
@@ -89,10 +89,6 @@ export default {
 
   created () {
     this.buttonClasses = shuffle(this.buttonClasses)
-    if (this.node.images && this.node.images.length) {
-      const { url, alt, id } = this.node.images[0]
-      this.image = { alt, id, url: url.replace('api', 'api/sites/default/files') }
-    }
   }
 }
 </script>

src/store/nodes.js

@@ -40,6 +40,11 @@ export default {
           node.variant = [{ id: 0 }]
         }
 
+        if (node.images && node.images.length) {
+          const { url, alt, id } = node.images[0]
+          node.image = { alt, id, url: url.replace('api', 'api/sites/default/files') }
+        }
+
         if ('creations' in node) {
           if (node.creations) {
             if (!Array.isArray(node.children)) {