build(app): use the right base url depending on environment

components/BaseCheatsheet.vue

@@ -10,7 +10,7 @@
     target="_blank"
   )
     img(
-      :src="'/images/components/BaseCheatsheet/' + thumbnail"
+      :src="baseUrl + '/images/components/BaseCheatsheet/' + thumbnail"
       class="c-base-cheatsheet__thumbnail"
     )
 
@@ -53,6 +53,9 @@ export default {
 
   data() {
     return {
+      // --> STATE <--
+      baseUrl: process.env.baseUrl,
+
       // --> COMPONENTS <--
       networks: ["Slack", "Messenger", "Telegram", "Twitter", "LinkedIn"]
     };

components/BaseShare.vue

@@ -11,7 +11,7 @@ div(
 )
   img(
     @click="onClick"
-    :src="'/images/components/BaseShare/' + network.toLowerCase() + '.svg'"
+    :src="baseUrl + '/images/components/BaseShare/' + network.toLowerCase() + '.svg'"
     class="c-base-share__image"
   )
 </template>
@@ -29,6 +29,13 @@ export default {
     }
   },
 
+  data() {
+    return {
+      // --> STATE <--
+      baseUrl: process.env.baseUrl
+    };
+  },
+
   methods: {
     onClick() {
       this.$emit("click", this.network);