头尾多语言

src/components/main-footer.vue

@@ -1,11 +1,16 @@
 <template>
 	<footer class="main-footer">
 		<div class="left">
-			<span>©2025 Code-Create Limited</span>
+			<span>{{
+				$t('MainFooter.Copyright', {
+					year: new Date().getFullYear(),
+					name: 'Code-Create'
+				})
+			}}</span>
 		</div>
 		<div class="right">
 			<div v-for="item in nav" :key="item.path">
-				<router-link class="link" :to="item.path">{{ item.name }}</router-link>
+				<router-link class="link" :to="item.path">{{ $t(item.name) }}</router-link>
 			</div>
 		</div>
 	</footer>
@@ -14,19 +19,19 @@
 	import { ref, onMounted, onUnmounted, reactive, toRefs } from 'vue'
 	const nav = ref([
 		{
-			name: 'Privacy Policy',
+			name: 'MainFooter.PrivacyPolicy',
 			path: '/privacy-policy'
 		},
 		{
-			name: 'Terms of Use',
+			name: 'MainFooter.TermsOfUse',
 			path: '/terms-of-use'
 		},
 		{
-			name: 'Disclaimer',
+			name: 'MainFooter.Disclaimer',
 			path: '/disclaimer'
 		},
 		{
-			name: 'Site Map',
+			name: 'MainFooter.SiteMap',
 			path: '/site-map'
 		}
 	])