修复页面加载不出的问题

Yi.Vue3.x.Vant/src/view/main/recommend.vue

@@ -19,7 +19,7 @@
         </van-col>
 
         <van-col span="14" class="centerTitle">
-          <span class="justtitle"> 大白</span>
+          <span class="justtitle">{{item.user==null?"-":(item.user.nick??item.user.username)}}</span>
           <br />
           <app-createTime :time="item.createTime" />
         </van-col>
@@ -30,7 +30,7 @@
 
         <van-col class="rowBody" span="24">{{ item.content }}</van-col>
 
-        <!-- <van-col
+     <van-col
           span="8"
           v-for="(image, imageIndex) in item.images"
           :key="imageIndex"
@@ -42,7 +42,7 @@
             :src="url + image"
             radius="5"
           />
-        </van-col> -->
+        </van-col> 
 
         <van-col span="24" class="bottomRow">
           <van-grid direction="horizontal" :column-num="3">

Yi.Vue3.x.Vant/src/view/my.vue

@@ -16,7 +16,7 @@
         src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
       />
     </van-col>
-    <van-col span="12" class="title"><span>大白不在家</span></van-col>
+    <van-col span="12" class="title"><span>{{user.nick}}</span></van-col>
     <van-col span="6" class="subtitle"
       ><span>个人主页<van-icon name="arrow" /></span
     ></van-col>
@@ -99,6 +99,7 @@ import { AppGridData } from "@/type/class/AppGridData.ts";
 import { ref } from "vue";
 import { Dialog } from "vant";
 import useUserStore from "@/store/modules/user";
+import { storeToRefs } from 'pinia';
 const show = ref<boolean>(false);
 let data1: AppGridData = {
   head: "个人中心",
@@ -159,13 +160,15 @@ let data3: AppGridData = {
     },
   ],
 };
+const userStore=useUserStore();
+const {user}=storeToRefs(useUserStore());
 const outLog = () => {
   Dialog.confirm({
     title: "提示",
     message: "确定退出当前用户吗？",
   })
     .then(() => {
-      useUserStore()
+      userStore
         .logOut()
         .then((response: any) => {
           location.href = "/";
@@ -175,6 +178,7 @@ const outLog = () => {
       // on cancel
     });
 };
+
 </script>
 <style scoped>
 .grid {