refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

components/nav/NavTitle.vue

@@ -1,50 +0,0 @@
-<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 native:py-7 data-tauri-drag-region>
-    <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-8 mt-2 gap-1
-    >
-      <CommonTooltip :content="$t('nav.back')">
-        <NuxtLink
-          :aria-label="$t('nav.back')"
-          :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" btn-text />
-        </NuxtLink>
-      </CommonTooltip>
-    </div>
-  </div>
-</template>