elk/components/nav/NavTitle.vue

25 lines
650 B
Vue
Raw Normal View History

<script setup lang="ts">
2023-01-04 13:26:30 +00:00
import { buildInfo } from 'virtual:build-info'
const { env } = buildInfo
2022-11-27 16:57:16 +00:00
</script>
2022-11-14 03:33:09 +00:00
<template>
<!-- Use external to force refresh page and jump to top of timeline -->
<NuxtLink
flex items-end gap-2
w-fit
py2 px-2 xl:px-3
text-2xl hover:bg-active
focus-visible:ring="2 current"
rounded-full
to="/"
external
>
<img :alt="$t('app_logo')" src="/logo.svg" shrink-0 aspect="1/1" sm:h-8 xl:h-10 class="rtl-flip">
<div hidden xl:block>
2023-01-04 13:26:30 +00:00
{{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ env === 'release' ? 'alpha' : env }}</sup>
2022-11-14 03:33:09 +00:00
</div>
</NuxtLink>
</template>