diff --git a/example.md b/example.md index 45d44a31691e89a9162af51579206664af6b8718..617d8d3a4929b8c50f10a5caa03774399c75411b 100644 --- a/example.md +++ b/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" diff --git a/global-bottom.vue b/global-bottom.vue index 7d9ad8aeb2e63683742fbaa6fa8cb2befda0b08c..20f9aca29a188580487c917cc8084a05d67152bd 100644 --- a/global-bottom.vue +++ b/global-bottom.vue @@ -1,10 +1,11 @@ <!-- 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> diff --git a/global-top.vue b/global-top.vue index 605dc77399028bd38c6a91b46a8ef612977393c9..216326efd0792f0ea6c93cd843271b8eec619509 100644 --- a/global-top.vue +++ b/global-top.vue @@ -1,8 +1,18 @@ <!-- 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>