update

pages/account/my-courses.vue

@@ -3,9 +3,11 @@
         <tabs nav-item-active-class="text-primaryGreen relative" nav-class="scrolBar flex gap-[2vw] md:gap-[0.8vw] md:border-b border-b-[0.144vw] pb-[0.7vw] text-[3.59vw] md:text-[0.938vw] text-[#878787]" :options="{ useUrlFragment: false }">
             <tab :name=tab1>
                 <div class="me-[4vw] grid grid-cols-1 md:grid-cols-3 mt-[6vw] md:mt-[1.25vw] gap-[1vw]">
-                  <ProgressCard />
-                  <ProgressCard />
-                  
+          
+                  <div v-for="item in myCourses.data.value.course" :key="item.id">
+                      <ProgressCard :item="item"/>
+
+                  </div>
                   </div>
             </tab>
             <tab :name=tab2>
@@ -24,6 +26,8 @@
 <script setup>
 import ProgressCard from './../../../components/ProgressCard.vue'
 import {Tabs, Tab} from 'vue3-tabs-component';
+const myCourses = await useFetch('/api/auth/me')
+console.log(myCourses.data.value.course);
 const tab1 =
 `<p 
 class="flex items-center gap-[0.5vw] p-[2vw] md:p-0 md:px-[0.6vw] rounded-[2.564vw]">