2022-12-07 07:17:58 +09:00
|
|
|
<script setup lang="ts">
|
2022-12-08 22:30:56 +09:00
|
|
|
const env = useRuntimeConfig().public.env
|
|
|
|
|
const sub = env === 'local' ? 'dev' : env === 'staging' ? 'preview' : 'alpha'
|
2022-11-28 01:57:16 +09:00
|
|
|
</script>
|
|
|
|
|
|
2022-11-14 12:33:09 +09:00
|
|
|
<template>
|
2022-11-25 20:24:40 +09:00
|
|
|
<!-- Use external to force refresh page and jump to top of timeline -->
|
2022-12-28 16:00:49 +09:00
|
|
|
<NuxtLink
|
2023-01-03 09:14:53 +09:00
|
|
|
flex items-end gap-2
|
2022-12-28 16:00:49 +09:00
|
|
|
w-fit
|
2023-01-03 22:48:13 +09:00
|
|
|
py2 px-2 xl:px-3
|
2022-12-28 16:00:49 +09:00
|
|
|
text-2xl hover:bg-active
|
|
|
|
|
focus-visible:ring="2 current"
|
|
|
|
|
rounded-full
|
|
|
|
|
to="/"
|
|
|
|
|
external
|
|
|
|
|
>
|
2023-01-03 22:48:13 +09:00
|
|
|
<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>
|
2022-11-30 08:25:29 +09:00
|
|
|
{{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ sub }}</sup>
|
2022-11-14 12:33:09 +09:00
|
|
|
</div>
|
|
|
|
|
</NuxtLink>
|
|
|
|
|
</template>
|
