Refactor API requests and update global methods

components/kl-login/index.vue

@@ -23,7 +23,7 @@
             <el-form ref="formRef" :model="loginForm" :rules="rules" class="login-form">
               <template v-if="activeTab === 'account'">
                 <el-form-item prop="mobile">
-                  <el-input v-model="loginForm.mobile" placeholder="请输入用户名" :prefix-icon="User" class="w-322px!" />
+                  <el-input v-model="loginForm.mobile" placeholder="请输入用户名" :prefix-icon="User" class="w-[322px]!" />
                 </el-form-item>
                 <el-form-item prop="password">
                   <el-input v-model="loginForm.password" placeholder="请输入密码" :prefix-icon="Lock" type="password" />
@@ -33,7 +33,7 @@
               <!-- 验证码登录 -->
               <template v-else>
                 <el-form-item prop="phone">
-                  <el-input v-model="loginForm.phone" placeholder="请输入手机号" class="w-322px!" />
+                  <el-input v-model="loginForm.phone" placeholder="请输入手机号" class="w-[322px]!" />
                 </el-form-item>
                 <el-form-item prop="code">
                   <div class="verify-code-input">
@@ -89,7 +89,7 @@
   import REFRESHTOKEN from '~/utils/RefreshToken'
   import { handleLoginQQ, handleLoginWechat } from '~/utils/login'
   import useUserStore from '~/store/user'
-  const { $openRegister, $openLogin, $openLoginEmail } = useNuxtApp()
+  const app = useNuxtApp()
   const userStore = useUserStore()
 
   const props = defineProps({
@@ -157,7 +157,7 @@
   const handleRegister = () => {
     props.onClose()
     nextTick(() => {
-      // $openRegister()
+      app.$openRegister()
     })
   }
   // 发送验证码
@@ -262,7 +262,7 @@
   const handleLoginEmail = () => {
     props.onClose()
     nextTick(() => {
-        // $openLoginEmail()
+        app.$openLoginEmail()
     })
   }
 </script>