Completion of APIs except for user progress

layouts/default.vue

@@ -283,8 +283,8 @@
 
         <nuxt-link to="/account" v-if="authUser">
           <img
-          v-if="authUser.avatarMedia"
-            :src="authUser?.avatarMedia"
+          v-if="profileImage"
+            :src="profileImage"
             alt="profile"
             class="h-[3.698vw] w-[3.698vw] rounded-full p-[0.521vw]"
           />
@@ -315,6 +315,7 @@
         </nuxt-link>
       </div>
     </nav>
+    
     <div
       v-if="showSearchBox"
       class="z-[10] w-[28vw] pt-[0.5vw] pb-[2vw] flex flex-col absolute mt-[8vw] rounded-[0.521vw] bg-[#F5F5F5] border shadow-md"
@@ -356,11 +357,15 @@
       </div>
       <!-- <div v-for="item in data.courses" :key="item.id">{{ item.name }}</div> -->
     </div>
+    
   </div>
+  
 </template>
 
 
 <script setup>
+const {data: image} = await useFetch('/api/auth/me')
+const profileImage = useState('profileImage', () => image.value?.avatarMedia)
 const { authUser } = useAuth();
 const showSearchBox = useState("showSearchBox", () => false);
 const search = ref(null);