feat: add titles for settings

pages/settings/about/index.vue

@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { buildInfo } from 'virtual:build-info'
 
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.about.label')} | ${t('nav.settings')}`,
+})
+
 let showCommit = $ref(buildInfo.env !== 'release' && buildInfo.env !== 'dev')
 const builtTime = useFormattedDateTime(buildInfo.time)
 

pages/settings/interface/index.vue

@@ -1,3 +1,11 @@
+<script setup lang="ts">
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.interface.label')} | ${t('nav.settings')}`,
+})
+</script>
+
 <template>
   <MainContent back-on-small-screen>
     <template #title>

pages/settings/language/index.vue

@@ -1,3 +1,11 @@
+<script setup lang="ts">
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.language.label')} | ${t('nav.settings')}`,
+})
+</script>
+
 <template>
   <MainContent back-on-small-screen>
     <template #title>

pages/settings/preferences/index.vue

@@ -1,3 +1,11 @@
+<script setup lang="ts">
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.preferences.label')} | ${t('nav.settings')}`,
+})
+</script>
+
 <template>
   <MainContent back-on-small-screen>
     <template #title>

pages/settings/profile/appearance.vue

@@ -9,6 +9,12 @@ definePageMeta({
   keepalive: false,
 })
 
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.profile.appearance.title')} | ${t('nav.settings')}`,
+})
+
 const account = $computed(() => currentUser.value?.account)
 
 const onlineSrc = $computed(() => ({

pages/settings/profile/featured-tags.vue

@@ -2,6 +2,12 @@
 definePageMeta({
   middleware: 'auth',
 })
+
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.profile.featured_tags.label')} | ${t('nav.settings')}`,
+})
 </script>
 
 <template>

pages/settings/profile/index.vue

@@ -2,6 +2,12 @@
 definePageMeta({
   middleware: 'auth',
 })
+
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.profile.label')} | ${t('nav.settings')}`,
+})
 </script>
 
 <template>

pages/settings/users/index.vue

@@ -2,6 +2,12 @@
 import { fileOpen } from 'browser-fs-access'
 import type { UserLogin } from '~/types'
 
+const { t } = useI18n()
+
+useHeadFixed({
+  title: () => `${t('settings.users.label')} | ${t('nav.settings')}`,
+})
+
 const loggedInUsers = useUsers()
 
 async function exportTokens() {