style: 调整 Vue 组件内 script 标签到 template 标签之前

1.template 和 style 挨在一起，便于样式调整
2.打开文件，可以便于修改 Script 代码

src/views/login/components/email-login.vue

@@ -1,43 +1,3 @@
-<template>
-  <a-form
-    ref="formRef"
-    :model="form"
-    :rules="rules"
-    layout="vertical"
-    size="large"
-    class="login-form"
-    @submit="handleLogin"
-  >
-    <a-form-item field="email" hide-label>
-      <a-input
-        v-model="form.email"
-        :placeholder="$t('login.email.placeholder.email')"
-        allow-clear
-      />
-    </a-form-item>
-    <a-form-item field="captcha" hide-label>
-      <a-input
-        v-model="form.captcha"
-        :placeholder="$t('login.email.placeholder.captcha')"
-        :max-length="6"
-        allow-clear
-        style="flex: 1 1"
-      />
-      <a-button
-        class="captcha-btn"
-        :loading="captchaLoading"
-        :disabled="captchaDisable"
-        @click="handleSendCaptcha"
-      >
-        {{ captchaBtnName }}
-      </a-button>
-    </a-form-item>
-    <a-button class="btn" :loading="loading" type="primary" html-type="submit"
-      >{{ $t('login.button') }}
-    </a-button>
-  </a-form>
-</template>
-
 <script lang="ts" setup>
   import { useI18n } from 'vue-i18n';
   import { ValidatedError } from '@arco-design/web-vue';
@@ -158,6 +118,46 @@
   };
 </script>
 
+<template>
+  <a-form
+    ref="formRef"
+    :model="form"
+    :rules="rules"
+    layout="vertical"
+    size="large"
+    class="login-form"
+    @submit="handleLogin"
+  >
+    <a-form-item field="email" hide-label>
+      <a-input
+        v-model="form.email"
+        :placeholder="$t('login.email.placeholder.email')"
+        allow-clear
+      />
+    </a-form-item>
+    <a-form-item field="captcha" hide-label>
+      <a-input
+        v-model="form.captcha"
+        :placeholder="$t('login.email.placeholder.captcha')"
+        :max-length="6"
+        allow-clear
+        style="flex: 1 1"
+      />
+      <a-button
+        class="captcha-btn"
+        :loading="captchaLoading"
+        :disabled="captchaDisable"
+        @click="handleSendCaptcha"
+      >
+        {{ captchaBtnName }}
+      </a-button>
+    </a-form-item>
+    <a-button class="btn" :loading="loading" type="primary" html-type="submit"
+      >{{ $t('login.button') }}
+    </a-button>
+  </a-form>
+</template>
+
 <style lang="less" scoped>
   .login-form {
     box-sizing: border-box;