From 731470934d8057b62028a7cd5ad81b29bbd3ada1 Mon Sep 17 00:00:00 2001
From: Rewrite0 <49576640+Rewrite0@users.noreply.github.com>
Date: Thu, 25 May 2023 00:18:10 +0800
Subject: [PATCH] feat: login

---
 src/api/auth.ts             | 20 +++++++++-----------
 src/hooks/auth.ts           |  2 +-
 src/pages/index.vue         |  7 ++++++-
 src/pages/index/bangumi.vue |  2 +-
 src/pages/index/config.vue  |  2 +-
 src/pages/login.vue         |  1 +
 src/router-type.d.ts        |  2 +-
 src/router/index.ts         | 10 ++++++++++
 src/views/ab-sidebar.vue    |  2 +-
 9 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/src/api/auth.ts b/src/api/auth.ts
index 2f9e18c4..14fce3aa 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -3,18 +3,16 @@ import type { Auth, Logout, Update } from '#/auth';
 
 export const apiAuth = {
   async login(username: string, password: string) {
-    const { data } = await axios.post<Auth>(
-      'api/v1/auth/login',
-      {
-        username,
-        password,
+    const formData = new URLSearchParams({
+      username,
+      password,
+    });
+
+    const { data } = await axios.post<Auth>('api/v1/auth/login', formData, {
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded',
       },
-      {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-        },
-      }
-    );
+    });
 
     return data;
   },
diff --git a/src/hooks/auth.ts b/src/hooks/auth.ts
index f36c880b..950a17b7 100644
--- a/src/hooks/auth.ts
+++ b/src/hooks/auth.ts
@@ -12,7 +12,7 @@ export const useAuth = createSharedComposable(() => {
 
   const login = async () => {
     const res = await apiAuth.login(user.username, user.password);
-    console.log(res);
+    token.value = res.access_token;
   };
 
   const logout = async () => {
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 7369e7ec..d638a790 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,4 +1,9 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+definePage({
+  name: 'Index',
+  redirect: '/bangumi',
+});
+</script>
 
 <template>
   <div layout-container>
diff --git a/src/pages/index/bangumi.vue b/src/pages/index/bangumi.vue
index 1479408a..ec0fac61 100644
--- a/src/pages/index/bangumi.vue
+++ b/src/pages/index/bangumi.vue
@@ -2,7 +2,7 @@
 const { data } = storeToRefs(useBangumiStore());
 const { getAll } = useBangumiStore();
 
-onBeforeMount(() => getAll());
+getAll();
 
 definePage({
   name: 'Bangumi List',
diff --git a/src/pages/index/config.vue b/src/pages/index/config.vue
index 4c83c59d..e2b85722 100644
--- a/src/pages/index/config.vue
+++ b/src/pages/index/config.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 const { getConfig, setConfig } = useConfigStore();
 
-onBeforeMount(() => getConfig());
+getConfig();
 
 definePage({
   name: 'Config',
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 4f293bdd..1d4d6efd 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -25,6 +25,7 @@ definePage({
             type="text"
             placeholder="password"
             ab-input
+            @keyup.enter="login"
           />
         </ab-label>
 
diff --git a/src/router-type.d.ts b/src/router-type.d.ts
index 898b5e6c..ceb699a7 100644
--- a/src/router-type.d.ts
+++ b/src/router-type.d.ts
@@ -39,7 +39,7 @@ import type {
 
 declare module 'vue-router/auto/routes' {
   export interface RouteNamedMap {
-    '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
+    'Index': RouteRecordInfo<'Index', '/', Record<never, never>, Record<never, never>>,
     'Bangumi List': RouteRecordInfo<'Bangumi List', '/bangumi', Record<never, never>, Record<never, never>>,
     'Calendar': RouteRecordInfo<'Calendar', '/calendar', Record<never, never>, Record<never, never>>,
     'Config': RouteRecordInfo<'Config', '/config', Record<never, never>, Record<never, never>>,
diff --git a/src/router/index.ts b/src/router/index.ts
index bef10c3b..5c688ccd 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,6 +9,16 @@ router.beforeEach((to) => {
   if (!isLogin.value && to.path !== '/login') {
     return { name: 'Login' };
   }
+
+  if (isLogin.value && to.path === '/login') {
+    return { name: 'Index' };
+  }
+
+  watchOnce(isLogin, (val) => {
+    if (to.path === '/login' && val) {
+      router.replace({ name: 'Index' });
+    }
+  });
 });
 
 export { router };
diff --git a/src/views/ab-sidebar.vue b/src/views/ab-sidebar.vue
index 18f46de8..2b9f8760 100644
--- a/src/views/ab-sidebar.vue
+++ b/src/views/ab-sidebar.vue
@@ -28,7 +28,7 @@ const items = [
     id: 1,
     icon: Home,
     label: 'HomePage',
-    path: '/',
+    path: '/bangumi',
   },
   {
     id: 2,