add i18n

src/views/login/login.vue

@@ -1,65 +1,57 @@
 <template>
   <div class="login">
     <el-card class="login-card">
-      <h1>登录</h1>
-      <el-form label-width="60px">
-        <el-form-item label="用户名">
+      <h1>{{ T('Login') }}</h1>
+      <el-form label-width="100px">
+        <el-form-item :label=" T('Username') ">
           <el-input v-model="form.username"></el-input>
         </el-form-item>
-        <el-form-item label="密码">
+        <el-form-item :label=" T('Password') ">
           <el-input v-model="form.password" type="password" @keyup.enter.native="login" show-password></el-input>
         </el-form-item>
         <el-form-item>
-          <el-button @click="login" type="primary">登录</el-button>
+          <el-button @click="login" type="primary">{{ T('Login') }}</el-button>
         </el-form-item>
       </el-form>
     </el-card>
   </div>
 </template>
 
-<script>
+<script setup>
   import { defineComponent, reactive } from 'vue'
   import { useUserStore } from '@/store/user'
   import { ElMessage } from 'element-plus'
   import { useRoute, useRouter } from 'vue-router'
+  import { T } from '@/utils/i18n'
 
-  export default defineComponent({
-    setup (props) {
-      const userStore = useUserStore()
-      const route = useRoute()
-      const router = useRouter()
+  const userStore = useUserStore()
+  const route = useRoute()
+  const router = useRouter()
 
-      let platform = window.navigator.platform
-      if (navigator.platform.indexOf('Mac') === 0) {
-        platform = 'mac'
-      } else if (navigator.platform.indexOf('Win') === 0) {
-        platform = 'windows'
-      } else if (navigator.platform.indexOf('Linux armv') === 0) {
-        platform = 'android'
-      } else if (navigator.platform.indexOf('Linux') === 0) {
-        platform = 'linux'
-      }
+  let platform = window.navigator.platform
+  if (navigator.platform.indexOf('Mac') === 0) {
+    platform = 'mac'
+  } else if (navigator.platform.indexOf('Win') === 0) {
+    platform = 'windows'
+  } else if (navigator.platform.indexOf('Linux armv') === 0) {
+    platform = 'android'
+  } else if (navigator.platform.indexOf('Linux') === 0) {
+    platform = 'linux'
+  }
 
-      const form = reactive({
-        username: '',
-        password: '',
-        platform: platform,
-      })
-      const redirect = route.query?.redirect
-      const login = async () => {
-        const res = await userStore.login(form)
-        if (res) {
-          ElMessage.success('登录成功')
-          router.push({ path: redirect || '/', replace: true })
-        }
-      }
-      return {
-        redirect,
-        form,
-        login,
-      }
-    },
+  const form = reactive({
+    username: '',
+    password: '',
+    platform: platform,
   })
+  const redirect = route.query?.redirect
+  const login = async () => {
+    const res = await userStore.login(form)
+    if (res) {
+      ElMessage.success(T('LoginSuccess'))
+      router.push({ path: redirect || '/', replace: true })
+    }
+  }
 </script>
 
 <style scoped lang="scss">