update

components/courses-page/Courses-list.vue

@@ -49,12 +49,13 @@
         <li class="pb-[0.681vw]">گران ترین</li>
       </ul>
     </div>
-    <div
-      class="mt-[4.051vw] md:mt-[2.1vw] grid gap-[4vw] md:gap-[1.25vw] grid-cols-1 md:grid-cols-4"
-      v-for="(course, index) in data.data.value"
-      :key="index"
+    <div class="mt-[4.051vw] md:mt-[2.1vw] grid gap-[4vw] md:gap-[1.25vw] grid-cols-1 md:grid-cols-4"
     >
-      <Card :course="course" />
+    <div v-for="(course, index) in data.data.courses"
+    :key="index">
+    <Card :course="course" />
+  
+  </div>
     </div>
   </div>
 </template>
@@ -62,7 +63,8 @@
 <script setup>
 // const pages = 17 / 16
 // console.log(Math.ceil(pages));
-const data = await useFetch("/api/course");
+//const data = await useFetch("/api/course");
+const data = defineProps(['data']);
 const openSortOptions = () => {
   if (process.client) {
     document