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="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>

</header>
</template>