diff --git a/src/pages/index.vue b/src/pages/index.vue
index 18840e3..9527e63 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -1,6 +1,20 @@
 <template>
   <h2>欢迎使用 Leaflow Amber</h2>
   <p>Amber 是一个临时代号，这个为 demo 版本。</p>
+
+  <p>在使用前，你需要先登录。</p>
+  <div v-if="!userStore.logined">
+    <v-btn color="primary" @click="toLogin()">登录</v-btn>
+  </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import router from "@/router";
+import { useUserStore } from "@/stores/user";
+
+const userStore = useUserStore();
+
+const toLogin = () => {
+  router.push("/auth/login");
+};
+</script>