将文本翻译成日语

src/pages/video.vue

@@ -88,7 +88,7 @@
 	<!-- <Findmore /> -->
 
 	<view v-else class="loading-container">
-		<text>页面加载中...</text>
+		<text>ページ読み込み中...</text>
 	</view>
 
 </template>
@@ -101,6 +101,8 @@ import Head from '@/pages/head/head.vue'
 import Comments from '@/pages/comments/comments.vue'
 import Intereact from '@/pages/intereact/intereact.vue'
 import { getPostList, getPostVideo, getUserImg } from '@/api/api.js'
+// 导入翻译工具
+import { translateZhToJa, translationCache } from '@/utils/translate.js'
 
 const common = useCommonStore()
 const formatCount = common.formatCount
@@ -113,7 +115,6 @@ const finishloading = ref(false)
 
 // 折叠展开状态
 const isExpanded = ref(false)
-// const videoRef = ref(null)
 // 静音状态
 const isMuted = ref(false)
 // 播放状态
@@ -268,20 +269,28 @@ onLoad(() => {
 						videoData.userImg = avatarResult.url
 					}
 
-					// 更新视频数据 - 沿用data对象
-					data.userName = data.user?.nickName || '匿名用户'
-					data.date = data.time || data.date || ''
-					data.copywriting = data.textContent || ''
-					data.likesum = data.likeCount || 0
-					data.commentsum = data.commentCount || 0
-					data.sharesum = data.shareCount || 0
-					// 标记资源加载完成
-					finishloading.value = true
+					// 准备需要翻译的字段
+					const userName = data.user?.nickName || '匿名用户'
+					const copywriting = data.textContent || ''
+					
+					// 并行翻译需要翻译的内容
+					Promise.all([
+						translateZhToJa(userName),
+						translateZhToJa(copywriting)
+					]).then(([translatedUserName, translatedCopywriting]) => {
+						// 更新视频数据 - 使用翻译后的内容
+						data.userName = translatedUserName
+						data.date = data.time || data.date || ''
+						data.copywriting = translatedCopywriting
+						data.likesum = data.likeCount || 0
+						data.commentsum = data.commentCount || 0
+						data.sharesum = data.shareCount || 0
+						// 标记资源加载完成
+						finishloading.value = true
 
-
-
-					// 最后用data覆盖整个videoData
-					Object.assign(videoData, data)
+						// 最后用data覆盖整个videoData
+						Object.assign(videoData, data)
+					})
 
 				}).catch(error => {
 					console.error('资源加载失败:', error)