update

components/Card.vue

@@ -3,7 +3,7 @@
         <div class="relative text-center h-[56.154vw] md:h-[11.406vw]">
             <p
                 class="post w-[30.769vw] md:w-[6.979vw] h-[9.487vw] md:h-[2.24vw] flexBox text-[3.59vw] md:text-[0.938vw] absolute  left-0 bottom-0 bg-white  rounded-tr-[3.59vw] md:rounded-tr-[0.781vw]">
-                {{props.course?.price == 0 ? 'رایگان' : props.course?.price + ',000'}}
+                {{props.course?.price == 0 ? 'رایگان' : numberFormat(props.course?.price)  }}
                 <span v-if="!props.course?.price == 0" class="ms-[1vw] md:ms-[0.2vw] text-[2.236vw] md:text-[0.585vw]">تومان</span>
             </p>
             <NuxtImg style="object-fit: cover;" :src="props.course?.image"  alt="laravel"

components/ProgressCard.vue

@@ -4,14 +4,11 @@
           <p
           class="text-black post w-[30.769vw] md:w-[6.979vw] h-[9.487vw] md:h-[2.24vw] flexBox text-[3.59vw] md:text-[0.938vw] absolute  left-0 bottom-0 bg-white  rounded-tr-[3.59vw] md:rounded-tr-[0.781vw]">
           
-            540,000
-            <span class="ms-[1vw] md:ms-[0.2vw] text-[2.236vw] md:text-[0.585vw]"
-              >تومان</span
-            >
+         {{ props.item?.price > 0 ? numberFormat(props.item?.price) + 'تومان' : 'رایگان' }}
+     
           </p>
-          <img
-            style="object-fit: cover"
-            src="/public/images/course.png"
+          <NuxtImg style="object-fit: cover;" :src="props.item?.image"
+            :placeholder="[30, 20]"
             alt="laravel"
             class="h-[56.154vw] md:h-[11.406vw] w-full rounded-[3.846vw] md:rounded-[0.781vw]"
           />
@@ -20,11 +17,11 @@
         <div
           class="w-full flex flex-col justify-center space-y-[1.042vw] md:space-y-[1.25vw]"
         >
-          <p
+          <nuxt-link :to="`${props.item?.id}`"
             class="mb-[15vw] md:mb-[2.5vw] text-[14px] md:text-[0.833vw] text-[#383E43] ] mt-[4vw] md:mt-[1.042vw] ms-[3vw] md:ms-[0.625vw]"
           >
-            ترفند های کاربردی پایتون
-          </p>
+        {{ props.item?.name }}
+      </nuxt-link>
 
           <div
             class="flex flex-col justify-between items-center py-[3vw] md:py-[0.7vw] mx-[3vw] md:mx-[0.833vw] border-t"
@@ -45,7 +42,10 @@
         </div>
       </div>
 </template>
-
+<script setup>
+const props = defineProps(['item']);
+console.log(props.item);
+</script>
 
 <style scoped>
 .post::before {

components/product-page/course-details/Course-information.vue

@@ -213,7 +213,7 @@
       <h2 v-if="props.props.price > 0"
         class="my-[5vw] md:my-[1.25vw] text-[4.544vw] md:text-[1.502vw] text-[#383E43] font-semibold flex items-center justify-end w-full gap-[0.5vw]"
       >
-        {{props.props.price}},000
+        {{numberFormat(props.props.price)}}
         <p class="text-[2.836vw] md:text-[0.741vw]">تومان</p>
       </h2>
       <h2 v-else