test: base url for images

example.md

@@ -6,10 +6,10 @@ themeConfig:
   secondary: '#cc7b4b'
   code: 'white'
   subtitle: "Slidev Alpaga Theme"
-  logoSrc: "/img/alpaga-logo.png"
+  logoSrc: "img/alpaga-logo.png"
   logoUrl: ""
   licenseUrl: "https://creativecommons.org/licenses/by-sa/4.0/deed.fr"
-  licenseImg: "/img/license.png"
+  licenseImg: "img/license.png"
   authorUrl: "https://lydra.fr"
   author: "Author's Name"
   version: "0.1"

global-bottom.vue

 <!-- global-bottom.vue -->
-
 <script>
+
 export default {
   data() {
     return {
     date: new Date().toLocaleDateString(),
+    base: import.meta.env.BASE_URL,
     }
   }
 }
@@ -12,7 +13,7 @@ export default {
 <template>
   <footer class="absolute flex justify-between bottom-8 left-16 z-60 right-16 ">
     <span v-if="$slidev.themeConfigs.version"> V {{ $slidev.themeConfigs.version }} of {{ date }}  </span> 
-    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="$slidev.themeConfigs.licenseImg"/></a> 
+    <a :href="$slidev.themeConfigs.licenseUrl"> <img class="w-24" :src="base + $slidev.themeConfigs.licenseImg"/></a> 
     <span v-if="$slidev.themeConfigs.authorUrl">Author : <a  :href="$slidev.themeConfigs.authorUrl" target="_blank"> {{  $slidev.themeConfigs.author  }} </a>  </span>
     <span v-else-if="$slidev.themeConfigs.author">Author : <span class="secondary-color"> {{  $slidev.themeConfigs.author  }} </span>  </span>
   </footer>

global-top.vue

 <!-- global-bottom.vue -->
+<script>
+
+export default {
+  data() {
+    return {
+    base: import.meta.env.BASE_URL,
+    }
+  }
+}
+</script>
 <template>
 <header class="absolute flex justify-between top-8 left-16 z-60 right-16">
-  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="$slidev.themeConfigs.logoSrc"/></a> 
- <img v-else-if="$slidev.themeConfigs.logoSrc" class="h-12" :src="$slidev.themeConfigs.logoSrc"/>
+  <a v-if="$slidev.themeConfigs.logoUrl" :href="$slidev.themeConfigs.logoUrl" target="_blank"> <img class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/></a> 
+ <img v-else-if="base + $slidev.themeConfigs.logoSrc" class="h-12" :src="base + $slidev.themeConfigs.logoSrc"/>
 
   <span v-if="$slidev.themeConfigs.subtitle" class="secondary-color"> {{ $slidev.themeConfigs.subtitle }}</span>