update

components/product-page/course-details/Header.vue

@@ -2,16 +2,16 @@
   <div class="w-full relative flex h-[86.41vw] md:h-[40.625vw]">
     <NuxtImg
       :placeholder="[30, 20]"
-      :src="props.props?.image"
+      :src="props?.props?.image"
       alt="html"
       class="absolute h-[86.41vw] md:h-[40.625vw] top-0 left-0 w-full object-cover brightness-75"
     />
     <div class="mt-[14vw] ms-[9.5vw] z-[1] text-white">
       <h1 class="text-[5.751vw] md:text-[1.69vw] font-[600] -tracking-[0.05vw]">
-        {{ props.props?.name }}
+        {{ props?.props?.name }}
       </h1>
       <p class="text-[3.19vw] md:text-[0.833vw] mt-[0.6vw] text-[#E5E5E5]">
-        {{ props.props?.categories[0].name }}
+        {{ props?.props?.categories[0]?.name }}
       </p>
       <div
       v-html="describe"
@@ -22,7 +22,7 @@
       >
         مدرس دوره :
         <span class="text-[3.59vw] md:text-[1.055vw] text-white ms-[1vw]"
-          >{{props.props?.teacher.name}}</span
+          >{{props?.props?.teacher?.name}}</span
         >
       </p>
       <div
@@ -112,7 +112,7 @@
           </svg>
           <div class="space-y-[0.3vw]">
             <p class="text-[3.59vw] md:text-[1.055vw]">آخرین بروزرسانی</p>
-            <p class="text-[2.518vw] md:text-[0.741vw]">{{jDate(props.props?.updatedAt)}}</p>
+            <p class="text-[2.518vw] md:text-[0.741vw]">{{jDate(props?.props?.updatedAt)}}</p>
           </div>
         </div>
         <div class="border-l"></div>
@@ -142,7 +142,7 @@
           <div class="space-y-[0.3vw]">
             <p class="text-[3.59vw] md:text-[1.055vw]">مدت زمان دوره</p>
             <p class="text-[2.518vw] md:text-[0.741vw]">
-              {{ props.props?.duration }} ساعت
+              {{ props?.props?.duration }} ساعت
             </p>
           </div>
         </div>
@@ -186,7 +186,7 @@
 
           <div class="space-y-[0.3vw]">
             <p class="text-[3.59vw] md:text-[1.055vw]">
-              {{ props.props?.studentsCount }}
+              {{ props?.props?.studentsCount }}
             </p>
             <p class="text-[2.518vw] md:text-[0.741vw]">دانشجو</p>
           </div>
@@ -210,6 +210,6 @@ import {jDate} from "@/utils/jDate"
         return inputString;
       }
     }
-    const describe = hideEndOfString(props.props.description);
+    const describe = hideEndOfString(props?.props?.description);
 
 </script>