添加ssg标题

src/pages/contact-us/index.vue

@@ -17,12 +17,19 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
 	import { ref } from 'vue'
 	import EmailBox from '@/components/email-box.vue'
 
 	const submit = (email: string) => {
 		console.log(email)
 	}
+	useHead({
+		title: t('MainHeader.ContactUs') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/media/index.vue

@@ -29,13 +29,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
 	import { computed, ref } from 'vue'
 	import listEn from './list-en.js'
 	import listZhCn from './list-zh-cn.js'
 	import listZhTw from './list-zh-tw.js'
 	import { LangType } from '../../lang'
 	import { useI18n } from 'vue-i18n'
-	const { locale } = useI18n()
+	const { t, locale } = useI18n()
 	const allList = computed(() => {
 		if (locale.value === LangType.zhCn) {
 			return listZhCn
@@ -109,6 +110,9 @@
 		const reg = new RegExp(Object.keys(tokens).join('|'), 'g')
 		return format.replace(reg, (match) => tokens[match])
 	}
+	useHead({
+		title: t('MainHeader.Media') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/mixi/index.vue

@@ -94,6 +94,9 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { ref } from 'vue'
 	import EmailBox from '@/components/email-box.vue'
 	import MyEvent from '@/tools/myEvents'
@@ -114,6 +117,15 @@
 	const submit = (email: string) => {
 		console.log(email)
 	}
+	useHead({
+		title: 'Mixi - Code-Create',
+		meta: [
+			{
+				name: 'description',
+				content: `${t('Mixi.IntroduceDesc')} ${t('Mixi.IntroduceDesc')}`
+			}
+		]
+	})
 </script>
 
 <style scoped lang="less">

src/pages/others/disclaimer.vue

@@ -25,8 +25,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.Disclaimer') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/others/not-found-404.vue

@@ -9,8 +9,13 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+
+	useHead({
+		title: '404 - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/others/privacy-policy.vue

@@ -80,8 +80,15 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
+
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.PrivacyPolicy') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/others/site-map.vue

@@ -51,8 +51,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.SiteMap') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">

src/pages/others/terms-of-use.vue

@@ -115,8 +115,14 @@
 	</div>
 </template>
 <script setup lang="ts">
+	import { useHead } from '@unhead/vue'
+	import { useI18n } from 'vue-i18n'
+	const { t } = useI18n()
 	import { computed, ref } from 'vue'
 	import OthersHeader from './others-header.vue'
+	useHead({
+		title: t('MainFooter.TermsOfUse') + ' - Code-Create'
+	})
 </script>
 
 <style scoped lang="less">