user login

src/components/layout/NavBar.vue

@@ -2,6 +2,7 @@
   <div class="nav-main">
     当前时间：{{ time }}
     <span>论一个程序员的寂寞与忧伤</span>
+    <span>{{ user.name }}</span>
 
     <el-button icon="open_side" circle></el-button>
     <el-dropdown>
@@ -12,19 +13,21 @@
         <el-dropdown-item>删除</el-dropdown-item>
       </el-dropdown-menu>-->
     </el-dropdown>
-    <span @click="doLogin">登录</span>  </div>
+    <span @click="doLogin" v-show="!user.name">登录</span>  </div>
 </template>
 
 <script setup lang='ts'>
 import $moment from "moment";
 import { ref } from "vue";
 import router from '../../router'
+import { useUserStore } from '../../store/user'
 
 const getTime = () => {
   return $moment().format("YYYY年MM月DD日　HH:mm:ss");
 };
 
 let time = ref<String>(getTime());
+const user = useUserStore()
 
 const timeChange = () => {
   time.value = getTime();