add page title and custom title handling

app.vue

@@ -3,6 +3,15 @@ const head = useLocaleHead({
   addDirAttribute: true,
   addSeoAttributes: true,
 })
+
+const settings = await useSettings()
+
+useHead({
+  titleTemplate: (titleChunk) => {
+    const baseTitle = settings.value.portal_title
+    return titleChunk ? `${titleChunk} - ${baseTitle}` : baseTitle
+  },
+})
 </script>
 
 <template>

pages/edit.vue

@@ -6,6 +6,11 @@ import { pick, exclude } from '@/utils/common'
 import type { User } from '@/composables/states'
 
 const { t } = useI18n()
+
+useHead({
+  title: t('footerlink_edit'),
+})
+
 const user = await useUser()
 
 const loading: Ref<boolean | null> = ref(false)

pages/index.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
+definePageMeta({
+  public: true,
+})
+
 const { t } = useI18n()
 const appsData = await useApps()
 
-definePageMeta({
+useHead({
-  public: true,
+  title: t('portal'),
 })
 
 const apps = computed(() => {

pages/login.vue

@@ -9,6 +9,11 @@ definePageMeta({
 })
 
 const { t } = useI18n()
+
+useHead({
+  title: t('login'),
+})
+
 const isLoggedIn = useIsLoggedIn()
 
 const { handleSubmit, setErrors } = useForm({