digitallItem语言适配

src/views/digitalItem/index.vue

@@ -4,7 +4,7 @@ import CommodityList from "./commodity-list.vue";
 import MerchantInfo from "./merchant-info.vue";
 import { useRouter } from "vue-router";
 import scListNull from '@/views/shoppingCart/sc-list-null.vue'
-import { getListingMallListApi } from '@/api/listing'
+import { useI18n } from 'vue-i18n'	
 
 // 定义组件名称
 defineOptions({
@@ -14,6 +14,7 @@ defineOptions({
 //})
 //const emit = defineEmits([
 //])
+const { t } = useI18n()
 const categories = ref(['all'])
 const gender = ref(['all'])
 const digitalItemRef = ref(null)
@@ -24,13 +25,13 @@ const commodityListRef = ref(null)
 const searechTypeList = ref([
 	{
 		value:'salesVolume',
-		label:'Best Selling'
+		label:t('digitalItem.BestSelling')
 	},{
 		value:'price',
-		label:'Price: Low to High'
+		label:t('digitalItem.Price')
 	},{
 		value:'updateTime',
-		label:'Newest First'
+		label:t('digitalItem.NewestFirst')
 	},
 ])
 
@@ -64,15 +65,15 @@ defineExpose({})
 		<div class="header-img">
 			<img src="@/assets/images/digitalItem/digital_item_banner.png" alt="">
 			<div class="text">
-				<div class="title">Digital Item</div>
-				<p class="info">Virtual fashion creations collected in your personal archive</p>
+				<div class="title">{{ $t('digitalItem.title') }}</div>
+				<p class="info">{{ $t('digitalItem.info') }}</p>
 			</div>
 		</div>
 		<div class="filters">
 			<div class="filter-item">
-				<el-select v-model="searechType" @change="updateSort" placeholder="Sort By" :teleported="false">
+				<el-select v-model="searechType" @change="updateSort" :placeholder="$t('digitalItem.sortBy')" :teleported="false">
 					<template #label="{ label }">
-						<span class="header-label">Sort By</span>
+						<span class="header-label">{{ $t('digitalItem.sortBy') }}</span>
 						<span class="header-value">{{ label }}</span>
 					</template>
 					<el-option
@@ -103,8 +104,8 @@ defineExpose({})
 					<sc-list-null 
 						nullImage="shopping-cart"
 						:showButton="false" 
-						title="Nothing in Digital Item"
-						tip="Try adjusting your filters or refreshing the page."
+						:title="$t('digitalItem.noData')"
+						:tip="$t('digitalItem.noDataTip')"
 					/>
 				</div>