feat: 封装一些函数，补充页面样式

Co-authored-by: Copilot <copilot@github.com>

app/pages/index.vue

@@ -1,4 +1,13 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { useUserStore } from "~/stores";
+
+definePageMeta({
+  layout: "index-view"
+});
+
+const userStore = useUserStore();
+const { isOnline } = storeToRefs(userStore);
+</script>
 
 <template>
   <div>123</div>

app/pages/login.vue

@@ -4,7 +4,7 @@ import SignUpCom from "~/components/login/SignUpCom.vue";
 import { useUserStore } from "~/stores";
 
 definePageMeta({
-  layout: "login-view"
+  layout: "index-view"
 });
 
 const route = useRoute();
@@ -21,7 +21,7 @@ watch(isOnline, (online) => {
 </script>
 
 <template>
-  <div class="w-full flex justify-center">
+  <div class="w-full flex justify-center py-4">
     <SignUpCom v-if="isSignUp" />
     <LogInCom v-else />
   </div>