feat(nuxt3): pages head

LarchLiu · Feb 3, 2024 · 8566903 · 8566903
1 parent a52bede
commit 8566903
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 2 deletions.
diff --git a/server/nuxt3/pages/app-config.vue b/server/nuxt3/pages/app-config.vue
@@ -1,4 +1,12 @@
 <script setup lang="ts">
+import { appName } from '~/constants'
+
+useHead({
+  title: `App Config - ${appName}`,
+  meta: [
+    { property: 'og:title', content: `App Config - ${appName}` },
+  ],
+})
 </script>
 
 <template>

diff --git a/server/nuxt3/pages/index.vue b/server/nuxt3/pages/index.vue
@@ -3,11 +3,18 @@
 import type { ReturnStorageData } from '@stargram/core/storage'
 import { v4 as uuidv4 } from 'uuid'
 import { errorMessage } from '@stargram/core/utils'
+import { appName } from '~/constants'
 
 interface QARes {
   answer: string
   source: string[]
 }
+useHead({
+  title: appName,
+  meta: [
+    { property: 'og:title', content: appName },
+  ],
+})
 const textInput = ref<HTMLInputElement>()
 const text = ref('')
 const toast = useToast()

diff --git a/server/nuxt3/pages/self-host.vue b/server/nuxt3/pages/self-host.vue
@@ -1,7 +1,13 @@
 <script setup lang="ts">
-import { cryption } from '../constants/index'
+import { appName, cryption } from '../constants/index'
 import type { OutUserConfig, ServerConfig } from '~/composables/config'
 
+useHead({
+  title: `Self Host - ${appName}`,
+  meta: [
+    { property: 'og:title', content: `Self Host - ${appName}` },
+  ],
+})
 const configStore = useConfigStore()
 const { data: fetchData } = await useFetch('/api/defaultBotConfig')
 const defaultBotConfig = ref<ServerConfig<OutUserConfig>>()

diff --git a/server/nuxt3/pages/server-config.vue b/server/nuxt3/pages/server-config.vue
@@ -1,4 +1,12 @@
 <script setup lang="ts">
+import { appName } from '~/constants'
+
+useHead({
+  title: `Server Config - ${appName}`,
+  meta: [
+    { property: 'og:title', content: `Server Config - ${appName}` },
+  ],
+})
 </script>
 
 <template>

diff --git a/server/nuxt3/pages/settings.vue b/server/nuxt3/pages/settings.vue
@@ -1,6 +1,13 @@
 <script setup lang="ts">
 import { v4 as uuidv4 } from 'uuid'
+import { appName } from '~/constants'
 
+useHead({
+  title: `Settings - ${appName}`,
+  meta: [
+    { property: 'og:title', content: `Settings - ${appName}` },
+  ],
+})
 const userId = useLocalStorage('userId', '')
 const { copy } = useClipboard()
 const router = useRouter()

diff --git a/server/nuxt3/pages/share-target.vue b/server/nuxt3/pages/share-target.vue
@@ -1,7 +1,14 @@
 <script setup lang="ts">
 import { v4 as uuidv4 } from 'uuid'
 import { errorMessage } from '@stargram/core/utils'
+import { appName } from '~/constants'
 
+useHead({
+  title: `Share Target - ${appName}`,
+  meta: [
+    { property: 'og:title', content: `Share Target - ${appName}` },
+  ],
+})
 const textInput = ref<HTMLInputElement>()
 const text = ref('')
 const userId = useLocalStorage('userId', '')

diff --git a/server/nuxt3/pages/user-config.vue b/server/nuxt3/pages/user-config.vue
@@ -1,9 +1,15 @@
 <script setup lang="ts">
 import { errorMessage } from '@stargram/core/utils'
 import UserConfigFlow from '~/components/UserConfigFlow.vue'
-import { cryption } from '~/constants'
+import { appName as _appName, cryption } from '~/constants'
 import type { BasicConfig, ModelsConfig, OutUserConfig, ServerConfig } from '~/composables/config'
 
+useHead({
+  title: `User Config - ${_appName}`,
+  meta: [
+    { property: 'og:title', content: `User Config - ${_appName}` },
+  ],
+})
 const route = useRoute()
 const toast = useToast()
 const showBot = ref(false)