在layout中获取用户信息并存储Pinia

src/layout/index.vue

@@ -25,7 +25,7 @@
   </n-space>
 </template>
 
-<script >
+<script setup>
 // import { reactive } from 'vue'
 import Header from './components/Header/index.vue'
 import SideBar from './components/Sidebar/index.vue'
@@ -33,28 +33,14 @@ import Tags from './components/Tags/index.vue'
 import { useSettingStore } from '@/store/modules/setting.js'
 import { computed } from 'vue'
 import { useUserStore } from '@/store/modules/user.js'
-export default {
-  components: { Header, SideBar, Tags },
-  setup() {
-    const settingStore = useSettingStore()
-    const menuMode = computed(() => settingStore.getMenuMode)
-    const tagsMenuSetting = computed(() => settingStore.getTagsMenuSetting)
-
-    /**
-     * 获取用户信息
-     */
-    const useUser = useUserStore()
-    function getUserNow() {
-      useUser.getUserInfo()
-    }
-    getUserNow()
-    return {
-      settingStore,
-      menuMode,
-      tagsMenuSetting
-    }
-  }
+const settingStore = useSettingStore()
+const menuMode = computed(() => settingStore.getMenuMode)
+const tagsMenuSetting = computed(() => settingStore.getTagsMenuSetting)
+const useUser = useUserStore()
+function getUserNow() {
+  useUser.getUserInfo()
 }
+getUserNow()
 
 </script>