321

components/i/Nav.vue

@@ -32,7 +32,7 @@
     </UModal>
 </template>
 <script setup>
-const { $isSignIn } = useUserStore()
+const { $isSignIn } = storeToRefs(useUserStore())
 const Layout = inject('Layout')
 const isOpenSign = ref(false)
 const handleOpenSign = () => {

pages/signin/verify.vue

@@ -18,7 +18,7 @@ const { data } = await useRequest('/v1/user/github/login', {
     server: false,
     onResponse({ response }) {
         useStorage('token', response._data.data.access_token)
-        useStorage('userInfo', response._data.data.user_info)
+        useStorage('user-info', response._data.data.user_info)
         navigateTo('/')
     }
 })

stores/user.js

 import { defineStore } from 'pinia'
+import { useStorage } from '@vueuse/core'
+
+const token = useStorage('token')
+const userInfo = useStorage('user-info')
 
 export const useUserStore = defineStore('user', () => {
-    const $info = ref({
-        name: 'Aresn',
-        avatar: 'https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar',
-        pro: 1
-    })
+    // const $info = ref({
+    //     name: 'Aresn',
+    //     avatar: 'https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar',
+    //     pro: 1
+    // })
+    const $info = ref(userInfo.value || {})
 
-    const $isSignIn = ref(false)
+    const $isSignIn = ref(!!token.value)
 
     return { $info, $isSignIn }
 })