update

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

@@ -6,7 +6,7 @@
       class="gap-[2vw] md:gap-[0.5vw] text-[3.59vw] md:text-[1.055vw] font-semibold flex items-center"
     >
       اطلاعات دوره
-   
+
       <svg
         class="h-[4.359vw] md:h-[1.25vw] w-[4.359vw] md:w-[1.25vw]"
         viewBox="0 0 24 24"
@@ -210,12 +210,17 @@
         <p class="text-[#383E43] font-semibold">{{props.props.satisfactionLevel}}</p>
       </div>
 
-      <h2
+      <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
         <p class="text-[2.836vw] md:text-[0.741vw]">تومان</p>
       </h2>
+      <h2 v-else
+        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]"
+      >
+       رایگان
+      </h2>
       <button
         class="greenButton h-[11.795vw] md:h-auto w-full flexBox text-[4.038vw] md:text-[1.055vw] rounded-[2.564vw] md:rounded-[0.521vw]"
         @click="paidStatus = true"

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

@@ -61,15 +61,18 @@
         class="mt-[3vw] md:mt-[0.7vw] h-[2.051vw] md:h-[0.521vw] rounded-[2vw] md:rounded-[0.521vw]"
       >
         <div
-          :class="`w-[${props.props.completionPercentage}%]`"
-          class="rounded-[2vw] md:rounded-[0.521vw] h-[2.051vw] md:h-[0.521vw]"
-        ></div>
+:class="`w-[${props.props.completionPercentage}%]`"
+          class=" rounded-[2vw] md:rounded-[0.521vw] h-[2.051vw] md:h-[0.521vw]"
+        >
+      <!-- {{props.props.completionPercentage}} -->
+      </div>
       </div>
     </div>
   </div>
 
 </template>
 <script setup>
+const adad = 2;
 const props = defineProps(['props'])
 </script>
 <style scoped>