49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
const { env } = useBuildInfo()
|
|
const router = useRouter()
|
|
const back = ref<any>('')
|
|
|
|
const nuxtApp = useNuxtApp()
|
|
|
|
function onClickLogo() {
|
|
nuxtApp.hooks.callHook('elk-logo:click')
|
|
}
|
|
|
|
onMounted(() => {
|
|
back.value = router.options.history.state.back
|
|
})
|
|
router.afterEach(() => {
|
|
back.value = router.options.history.state.back
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div flex justify-between sticky top-0 bg-base z-1 py-4>
|
|
<NuxtLink
|
|
flex items-end gap-3
|
|
py2 px-5
|
|
text-2xl
|
|
select-none
|
|
focus-visible:ring="2 current"
|
|
to="/home"
|
|
@click.prevent="onClickLogo"
|
|
>
|
|
<NavLogo shrink-0 aspect="1/1" sm:h-8 xl:h-10 class="rtl-flip" />
|
|
<div v-show="isHydrated" hidden xl:block text-secondary>
|
|
{{ $t('app_name') }} <sup text-sm italic mt-1>{{ env === 'release' ? 'alpha' : env }}</sup>
|
|
</div>
|
|
</NuxtLink>
|
|
<div hidden xl:flex items-center me-6 mt-2 gap-1>
|
|
<CommonTooltip :content="$t('nav.back')" :distance="0">
|
|
<button
|
|
type="button"
|
|
:aria-label="$t('nav.back')"
|
|
btn-text p-3 :class="{ 'pointer-events-none op0': !back || back === '/', 'xl:flex': $route.name !== 'tag' }"
|
|
@click="$router.go(-1)"
|
|
>
|
|
<div text-xl i-ri:arrow-left-line class="rtl-flip" />
|
|
</button>
|
|
</CommonTooltip>
|
|
</div>
|
|
</div>
|
|
</template>
|