seo优化

src/pages/about-us/ecosystem.vue

@@ -1,9 +1,13 @@
 <script setup lang="ts">
 	import { ref } from "vue";
+	import { useI18n } from 'vue-i18n'
 	import MyEvent from "@/tools/myEvents";
+	const { t, locale } = useI18n()
 	let videoUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2023/05/codec_brand_vid_16x9_ENG.mp4'
 	let videoPosterUrl = 'https://s3.ap-east-1.amazonaws.com/code-create.com.hk/2026/06/codec_brand_vid_16x9_ENG_11_layer.jpeg'
 	const playVideo = ()=>{
+		console.log(locale.value)
+		return
 		MyEvent.emit("playVideo",{
 			url: videoUrl,
 			poster: videoPosterUrl,

src/pages/about-us/index.vue

@@ -6,9 +6,22 @@ import Mission from './mission.vue'
 import OurTeam from './our-team.vue'
 import StrategicPartners from './strategic-partners.vue'
 import { useGlobalStore } from '@/stores/global'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
 const globalStore = useGlobalStore()
 const windowWidth = computed(() => globalStore.state.windowWidth)
+const { t } = useI18n()
+useHead({
+	title: t('aboutUs.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('aboutUs.meta')
+		}
+	]
+})
 defineExpose({})
+
 </script>
 <template>
 	<div class="about-us">

src/pages/aida/index.vue

@@ -14,9 +14,9 @@
 
 	const demoVideo = computed(() => {
 		if (locale.value === 'en') {
-			return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-EN.mp4`
+			return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-EN.mp4`
 		}
-		return `${IMAGE_BASE_URL}/wp-content/uploads/2026/02/Demo-video-26-2-27-CN.mp4`
+		return `${IMAGE_BASE_URL}/2026/02/Demo-video-26-2-27-CN.mp4`
 	})
 
 	const keyFeatures = computed(() => {
@@ -26,17 +26,17 @@
 	const benefits = computed(() => {
 		return [
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_01.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_01.png`,
 				alt: 'Light bulb icon',
 				text: t('Aida.benefits1')
 			},
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_02.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_02.png`,
 				alt: 'Stopwatch icon',
 				text: t('Aida.benefits2')
 			},
 			{
-				image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_feature_icon_03-1.png`,
+				image: `${IMAGE_BASE_URL}/2022/11/aida_feature_icon_03-1.png`,
 				alt: 'Drawing brush icon',
 				text: t('Aida.benefits3')
 			}
@@ -310,7 +310,7 @@
 		<section class="aida-hero" aria-labelledby="aida-title">
 			<img
 				class="aida-hero-image"
-				:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_banner-1.jpg`"
+				:src="`${IMAGE_BASE_URL}/2022/11/aida_banner-1.jpg`"
 				alt="AiDA 3.1 banner"
 			/>
 			<h1 id="aida-title" class="aida-hero-title">AiDA 3.1</h1>
@@ -347,13 +347,13 @@
 				<div class="feature-art">
 					<img
 						class="feature-bg"
-						:src="`${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`"
+						:src="`${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`"
 						alt="Fashion design sketches on paper"
 						loading="lazy"
 					/>
 					<img
 						class="feature-panel"
-						:src="`${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`"
+						:src="`${IMAGE_BASE_URL}/2024/01/new-layout-1.png`"
 						alt="AiDA design workspace preview"
 						loading="lazy"
 					/>

src/pages/home/components/Carousel.vue

@@ -134,7 +134,7 @@
 	const slides = computed<HomeSlide[]>(() => [
 		{
 			id: 'aida',
-			image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner01-2.jpg`,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner01-2.jpg`,
 			video: '',
 			alt: t('Home.banner1slogan'),
 			title: t('Home.banner1slogan'),
@@ -143,7 +143,7 @@
 		},
 		{
 			id: 'mixi',
-			image: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mainbanner02-3.jpg`,
+			image: `${IMAGE_BASE_URL}/2022/11/mainbanner02-3.jpg`,
 			video: '',
 			alt: 'Code Create product banner',
 			title: t('Home.banner2slogan'),

src/pages/home/index.vue

@@ -18,18 +18,18 @@
 			{
 				name: 'AiDA 3.1',
 				title: t('Home.aidaDesc'),
-				backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/aida_intro_01_bg.png`,
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/aida_intro_01_bg.png`,
 				backgroundAlt: 'Fashion design sketches on paper',
-				panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2024/01/new-layout-1.png`,
+				panelImage: `${IMAGE_BASE_URL}/2024/01/new-layout-1.png`,
 				panelAlt: 'AiDA design workspace preview',
 				reversed: false
 			},
 			{
 				name: 'Mixi',
 				title: t('Home.mixiSlogan'),
-				backgroundImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_bg.png`,
+				backgroundImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_bg.png`,
 				backgroundAlt: 'Layered fabric texture',
-				panelImage: `${IMAGE_BASE_URL}/wp-content/uploads/2022/11/mixi_intro_01_panel.png`,
+				panelImage: `${IMAGE_BASE_URL}/2022/11/mixi_intro_01_panel.png`,
 				panelAlt: 'Mixi visual search interface preview',
 				reversed: true
 			}

src/pages/user-stories/index.vue

@@ -1,5 +1,17 @@
 <script setup lang="ts">
 import UserList from './user-list.vue'
+import { useHead } from '@unhead/vue'
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+useHead({
+	title: t('userStories.Title'),
+	meta: [
+		{
+			name: 'description',
+			content: t('userStories.meta')
+		}
+	]
+})
 defineExpose({})
 </script>
 <template>