create frequently questions page

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

@@ -6,6 +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"
@@ -73,7 +74,7 @@
           </svg>
           تعداد ویدیو ها
         </p>
-        <p class="text-[#383E43] font-semibold">3</p>
+        <p class="text-[#383E43] font-semibold">{{props.props.countOfVideos}}</p>
       </div>
       <div
         class="py-[3vw] md:py-[0.9vw] w-full border-b flex justify-between"
@@ -113,7 +114,7 @@
 
           حجم فایل ها
         </p>
-        <p class="text-[#383E43] font-semibold">14 گیگابایت</p>
+        <p class="text-[#383E43] font-semibold">{{props.props.totalFileSize}}</p>
       </div>
       <div
         class="py-[3vw] md:py-[0.9vw] w-full border-b flex justify-between"
@@ -149,7 +150,7 @@
           </svg>
           سطح دوره
         </p>
-        <p class="text-[#383E43] font-semibold">متوسط</p>
+        <p class="text-[#383E43] font-semibold">{{props.props.level}}</p>
       </div>
       <div
         class="py-[3vw] md:py-[0.9vw] w-full border-b flex justify-between"
@@ -200,19 +201,19 @@
 
           زبان
         </p>
-        <p class="text-[#383E43] font-semibold">فارسی</p>
+        <p class="text-[#383E43] font-semibold">{{props.props.language}}</p>
       </div>
       <div
         class="py-[3vw] md:py-[0.9vw] w-full border-b flex justify-between"
       >
         <p class="flex items-center gap-[0.8vw] ps-[2vw]">سطح رضایت</p>
-        <p class="text-[#383E43] font-semibold">5.0</p>
+        <p class="text-[#383E43] font-semibold">{{props.props.satisfactionLevel}}</p>
       </div>
 
       <h2
         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]"
       >
-        220,000
+        {{props.props.price}},000
         <p class="text-[2.836vw] md:text-[0.741vw]">تومان</p>
       </h2>
       <button
@@ -255,5 +256,5 @@
 
 
 <script setup>
-const paidStatus = useState("paidStatus");
+const props = defineProps(['props'])
 </script>