global-bottom.vue

<!-- global-bottom.vue -->

<script>
export default {
  data() {
    return {
    date: new Date().toLocaleDateString(),
    }
  }
}
</script>
<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> 
    <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>
</template>