udpate

src/App.vue

@@ -19,6 +19,9 @@
 import { defineComponent, onMounted, ref, provide } from 'vue'
 import LayoutHeader from '@/layout/header.vue'
 import { getImgSrc } from '@/utils/getImgSrc'
+import browser from '@/utils/browser'
+import { useLocale } from './locales/useLocale'
+import { LocaleType } from '#/config'
 provide('getImgSrc', getImgSrc)
 export const contentRef = ref<HTMLDivElement>()
 
@@ -28,9 +31,16 @@ export default defineComponent({
     LayoutHeader
   },
   setup() {
-    // const localeStore = useLocaleStore()
     onMounted(() => {
-      // const { changeLocale, getLocale } = useLocale()
+      const lang = browser.getURLParam('lang')
+      console.log('lang', lang)
+      const { changeLocale, getLocale } = useLocale()
+      if (lang) {
+        changeLocale(lang as LocaleType)
+      } else {
+        changeLocale('zh')
+      }
+
       // localeStore.initLocale()
       // changeLocale('zh_CN')
       // console.log('getLocale', getLocale.value)

src/locales/lang/en/room.ts

@@ -6,7 +6,7 @@ export default {
   personalCenter: 'personal Center',
   logout: 'log out',
   startLivestreaming: 'livestreaming',
-  roomInfo: 'Studio Info',
+  roomInfo: 'Studio Information',
   form: {
     title: 'title',
     titleRequired: 'Title is Required',
@@ -17,12 +17,13 @@ export default {
     nickname: 'Nickname',
     nicknameRequired: 'Nickname is required',
     nicknameDesc: 'Please enter up to 15 words for the host nickname',
-    selectScene: 'select scene',
-    addScene: 'add scene',
+    selectScene: 'select scenes',
+    addScene: 'add scenes',
     inputSearch: 'input the keyword',
     scene: 'scene',
     name: 'name',
-    time: 'time'
+    time: 'time',
+    addLeastScene: 'Add a minimum of one scene'
   },
   roomOnfired:
     'The studio is livestreaming; please stop the livestream before making any changes!',

src/locales/lang/zh/room.ts

@@ -21,7 +21,8 @@ export default {
     inputSearch: '输入关键词',
     scene: '场景',
     name: '名称',
-    time: '时间'
+    time: '时间',
+    addLeastScene: '至少添加一个场景'
   },
   roomOnfired: '房间直播中， 请先关闭直播再修改 ！',
   copyLink: '复制链接',

src/views/room/edit-room/index.vue

@@ -151,7 +151,7 @@ export default defineComponent({
     const saveRoom = async () => {
       await formRef.value?.validate()
       if (!current.scenes.length) {
-        return message.error('至少添加一个场景')
+        return message.error(t('room.form.addLeastScene'))
       }
       current.cover = current.scenes[0].cover
       props.onSave && props.onSave(current)