add a new language suport

i18n.js

@@ -1,10 +1,12 @@
 import { createI18n } from 'vue-i18n';
 import zh from './lang/zh';
 import en from './lang/en';
+import ja from './lang/ja';
 
 const messages={
   zh,
   en,
+  ja,
 };
 
 const i18n = createI18n({

index.html

@@ -26,6 +26,7 @@
 					:key="item.value"
 					:label="item.label"
 					:value="item.value"
+					@click="changelang(item.value)"
 				/>
 			</el-select>
 		</div>

index.js

@@ -60,24 +60,16 @@ const app=createApp({
       locale:null,
       options:[
         {
-          value: 'Option1',
-          label: 'Option1',
+          value: 'zh',
+          label: '中文',
         },
         {
-          value: 'Option2',
-          label: 'Option2',
+          value: 'en',
+          label: 'English',
         },
         {
-          value: 'Option3',
-          label: 'Option3',
-        },
-        {
-          value: 'Option4',
-          label: 'Option4',
-        },
-        {
-          value: 'Option5',
-          label: 'Option5',
+          value: 'ja',
+          label: 'にほんご',
         },
       ]
     }
@@ -105,7 +97,7 @@ changelang(type){
     window.locale=locale;
     console.log("-------after get locale--------");
   }
-}).use(ElementPlus).use(i18n).use(router).mount("#app");
+}).use(i18n).use(router).use(ElementPlus).mount("#app");
 //Vue.createApp(app).mount("#app");
                                                      
 console.log("end the vue template render");

lang/ja.js

@@ -0,0 +1,6 @@
+export default{
+  messages:{
+    login:'login',
+    username:'username',
+  }
+}