保存i18n

src/api/instance.ts

@@ -37,11 +37,11 @@ const tokenInvalid = () => {
     const { t } = useI18n()
     setTimeout(() => {
       Modal.info({
-        title: () => t('base.name'),
+        title: () => t('base.tips'),
         zIndex: 10000,
         centered: true,
-        content: () => h('div', {}, [h('p', '登录状态失效，请重新登录')]),
-        okText: '确定',
+        content: () => h('div', {}, [h('p', t('base.loginFail'))]),
+        okText: t('base.confirm'),
         onOk() {
           console.log('ok')
           gotoLogin()

src/locales/lang/en/room.ts

@@ -1,7 +1,19 @@
 export default {
   createRoom: 'Create studios',
   myRoom: 'My studios',
-  personalCenter: 'Personal Center',
+  searchRoom: '搜索房间',
+  personalCenter: '个人中心',
   logout: 'log out',
-  startLivestring: 'Start livestreaming'
+  startLivestreaming: 'Start livestreaming',
+  roomInfo: '房间信息',
+  form: {
+    title: '标题',
+    titleRequired: '标题为必填字段',
+    titleplaceHolder: '请输入标题名称，限15字。',
+    desc: '简介',
+    title3: '主持人信息，',
+
+    placeHolder2: '请输入简介，限200字。',
+    placeHolder3: '昵称，请输入主持人昵称，限15字。'
+  }
 }

src/locales/lang/zh-CN/base.ts

@@ -3,6 +3,8 @@ export default {
     en: 'English',
     zh_CN: '简体中文'
   },
+  tips: '提示',
+  confirm: '确定',
   personalCenter: '个人中心',
   logout: '退出登录',
   startLivestring: '开始带看',
@@ -10,5 +12,6 @@ export default {
   share: '分享',
   delede: '删除',
   save: '保存',
-  cancel: '取消'
+  cancel: '取消',
+  loginFail: '登录状态失效，请重新登录'
 }

src/locales/lang/zh-CN/room.ts

@@ -5,7 +5,7 @@ export default {
   searchRoom: '搜索房间',
   personalCenter: '个人中心',
   logout: '退出登录',
-  startLivestring: '开始带看',
+  startLivestreaming: '开始带看',
   roomInfo: '房间信息',
   form: {
     title: '标题',

src/views/room/sign.vue

@@ -20,21 +20,28 @@
             size="large"
             @click="$emit('webSync')"
           >
-            开始带看
+            <!-- 开始带看 -->
+            {{ t('room.startLivestreaming') }}
           </a-button>
           <div class="more">
             <span style="--hover-color: #0076f6" @click="$emit('edit')">
-              <i class="iconfont icon-works_editor" />编辑
+              <i class="iconfont icon-works_editor" />
+              <!-- 编辑 -->
+              {{ t('base.edit') }}
               <!-- <edit-outlined /> -->
             </span>
             <span
               style="--hover-color: rgba(255, 255, 255, 0.5)"
               @click="$emit('share')"
             >
-              <i class="iconfont icon-works_share" />分享
+              <i class="iconfont icon-works_share" />
+              <!-- 分享 -->
+              {{ t('base.share') }}
             </span>
             <span style="--hover-color: #fa5555" @click="$emit('delete')">
-              <i class="iconfont icon-works_delete" />删除
+              <i class="iconfont icon-works_delete" />
+              <!-- 删除 -->
+              {{ t('base.delede') }}
             </span>
           </div>
         </div>
@@ -57,8 +64,10 @@
 </template>
 
 <script lang="ts" setup>
+import { useI18n } from '@/hook/useI18n'
 import type { Room } from '@/store/modules/room'
 import Dayjs from 'dayjs'
+const { t } = useI18n()
 type RoomSignProps = { room: Room }
 type RoomSignEmit = {
   (e: 'share'): void