From 00f953fa60b57c11091e8b7f0456a0fe7110449f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=8F=E5=90=91=E5=A4=9C?= <fu050409@163.com>
Date: Tue, 21 May 2024 19:16:45 +0800
Subject: [PATCH] feat(home): add home page

---
 src/views/index.vue | 13 ++++++++++---
 src/views/login.vue | 10 ++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/views/login.vue

diff --git a/src/views/index.vue b/src/views/index.vue
index 3132fec..8c54b0d 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useAccountStore } from '../stores/account';
-import router from '../routers';
+import { useRouter } from 'vue-router';
 import { useToast } from 'primevue/usetoast';
 
 const toast = useToast();
+const router = useRouter();
 const accountStore = useAccountStore();
+const msg = ref<string>('Please wait while we acquire your session...');
 
 onMounted(async () => {
     if (accountStore.isLoggedIn()) {
@@ -17,12 +19,17 @@ onMounted(async () => {
             toast.add({ severity: 'error', summary: 'Error', detail: "Failed to acquire session: " + res.msg });
         }
     }
+    else
+        router.push('/login');
 });
 </script>
 
 <template>
     <div class="w-full h-full">
-        <Login></Login>
+        <div class="flex flex-col gap-3rem justify-center items-center h-screen">
+            <ProgressSpinner />
+            <span class="font-bold">{{ msg }}</span>
+        </div>
     </div>
 </template>
 
diff --git a/src/views/login.vue b/src/views/login.vue
new file mode 100644
index 0000000..f984576
--- /dev/null
+++ b/src/views/login.vue
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <div class="w-full h-full">
+        <LoginPanel></LoginPanel>
+    </div>
+</template>
+
+<style scoped></style>
\ No newline at end of file