update: chinese translation

src/components/Login/LoginForm.vue

@@ -15,9 +15,9 @@ const authStore = useAuthStore();
 
 function validateUsername() {
   if (!username.value) {
-    usernameError.value = 'Username is required.';
+    usernameError.value = '使用者名稱為必填。';
   } else if (username.value.length < 3) {
-    usernameError.value = 'Username must be at least 3 characters.';
+    usernameError.value = '使用者名稱長度必須至少三個字元。';
   } else {
     usernameError.value = '';
   }
@@ -25,9 +25,9 @@ function validateUsername() {
 
 function validatePassword() {
   if (!password.value) {
-    passwordError.value = 'Password is required.';
+    passwordError.value = '密碼為必填。';
   } else if (password.value.length < 8) {
-    passwordError.value = 'Password must be at least 8 characters.';
+    passwordError.value = '使用者名稱長度必須至少八個字元。';
   } else {
     passwordError.value = '';
   }
@@ -70,32 +70,31 @@ const onSubmit = async () => {
 <template>
   <form @submit.prevent="onSubmit">
     <fieldset class="ts-fieldset">
-      <legend class="ts-legend">Login</legend>
+      <legend class="ts-legend">登入</legend>
       <div class="ts-wrap is-vertical">
-        <div class="ts-control">
-          <div class="label">Username</div>
+        <div class="ts-control is-wide">
+          <div class="label">使用者名稱</div>
           <div class="content is-fluid">
             <div class="ts-input" :class="{'is-negative': usernameError}">
-              <input name="username" type="text" placeholder="Username" v-model="username" />
+              <input name="username" type="text" placeholder="使用者名稱" v-model="username" />
             </div>
             <div class="ts-text is-small is-negative" v-if="usernameError">{{ usernameError }}</div>
           </div>
         </div>
-        <div class="ts-control">
-          <div class="label">Password</div>
+        <div class="ts-control is-wide">
+          <div class="label">密碼</div>
           <div class="content is-fluid">
             <div class="ts-input" :class="{'is-negative': passwordError}">
-              <input name="password" type="password" placeholder="Password" v-model="password" />
+              <input name="password" type="password" placeholder="密碼" v-model="password" />
             </div>
             <div class="ts-text is-small is-negative" v-if="passwordError">{{ passwordError }}</div>
-            <div class="ts-text is-small is-negative">Warning: This is for demonstration purposes only. Passwords are stored in plaintext!</div>
           </div>
         </div>
       </div>
       <div class="ts-wrap has-top-spaced is-end-aligned">
         <button class="ts-button" type="submit" :class="{
           'is-disabled': username === '' || password === '' || usernameError !== '' || passwordError !== ''
-        }">Submit</button>
+        }">送出</button>
       </div>
     </fieldset>
   </form>