fix: repeated login when click login btn too fast

Author: 0xJacky

frontend/package.json

@@ -14,10 +14,10 @@
         "@ant-design/icons-vue": "^6.1.0",
         "ant-design-vue": "^3.2.15",
         "apexcharts": "^3.36.3",
-        "axios": "^1.1.3",
-        "dayjs": "^1.11.6",
-        "pinia": "^2.0.23",
-        "pinia-plugin-persistedstate": "^2.3.0",
+        "axios": "^1.2.2",
+        "dayjs": "^1.11.7",
+        "pinia": "^2.0.28",
+        "pinia-plugin-persistedstate": "^3.0.2",
         "reconnecting-websocket": "^4.4.0",
         "vite-plugin-build-id": "^0.2.2",
         "vue": "^3.2.45",
@@ -33,14 +33,14 @@
         "@types/sortablejs": "^1.15.0"
     },
     "devDependencies": {
-        "@vitejs/plugin-vue": "^3.2.0",
-        "@vitejs/plugin-vue-jsx": "^2.1.1",
-        "@zougt/vite-plugin-theme-preprocessor": "^1.4.5",
+        "@vitejs/plugin-vue": "^4.0.0",
+        "@vitejs/plugin-vue-jsx": "^3.0.0",
+        "@zougt/vite-plugin-theme-preprocessor": "^1.4.8",
         "less": "^4.1.3",
-        "typescript": "^4.6.4",
-        "unplugin-vue-components": "^0.22.9",
-        "vite": "^4.0.3",
+        "typescript": "^4.9.4",
+        "unplugin-vue-components": "^0.22.12",
+        "vite": "^4.0.4",
         "vite-plugin-html": "^3.2.0",
-        "vue-tsc": "^1.0.9"
+        "vue-tsc": "^1.0.22"
     }
 }

frontend/src/views/other/Login.vue

@@ -32,29 +32,30 @@ const rulesRef = reactive({
     username: [
         {
             required: true,
-            message: () => $gettext('Please input your username!'),
+            message: () => $gettext('Please input your username!')
         }
     ],
     password: [
         {
             required: true,
-            message: () => $gettext('Please input your password!'),
+            message: () => $gettext('Please input your password!')
         }
     ]
 })
 
 const {validate, validateInfos, clearValidate} = Form.useForm(modelRef, rulesRef)
 
 const onSubmit = () => {
-    validate().then(() => {
-        // modelRef
-        auth.login(modelRef.username, modelRef.password).then(async () => {
+    validate().then(async () => {
+        loading.value = true
+        await auth.login(modelRef.username, modelRef.password).then(async () => {
             message.success($gettext('Login successful'), 1)
             const next = (route.query?.next || '').toString() || '/'
             await router.push(next)
         }).catch(e => {
             message.error($gettext(e.message ?? 'Server error'))
         })
+        loading.value = false
     })
 }