update

components/product-page/Attended-course.vue

@@ -275,13 +275,13 @@
           >
         </div>
         <div
-          v-for="item in activeHead.Comment"
-          :key="item.id"
+          v-for="item in activeHead?.Comment"
+          :key="item?.id"
                    class="mt-[1vw] relative bg-[#F8F8F8] rounded-[3.846vw] md:rounded-[0.781vw] flex justify-between p-[4vw] md:p-[1.55vw]"
         >
           <img
-            v-if="item.user?.avatarMedia"
-            :src="item.user?.avatarMedia"
+            v-if="item?.user?.avatarMedia"
+            :src="item?.user?.avatarMedia"
             alt="profile"
             class="w-[10.256vw] md:w-[3.958vw] h-[10.256vw] md:h-[3.958vw] rounded-[50%]"
           />
@@ -295,7 +295,7 @@
 
           <div class="ps-[3vw] md:ps-[1vw] w-full">
             <p class="text-[3.59vw] md:text-[0.938vw] text-[#383E43]">
-              {{ item.user.name ? item.user.name : "کاربر مهمان" }}
+              {{ item?.user?.name ? item?.user?.name : "کاربر مهمان" }}
             </p>
             <div class="thin mt-[4vw] md:mt-0">
               <p class="text-[2.836vw] md:text-[0.741vw] text-[#878787]">
@@ -304,7 +304,7 @@
               <p
                 class="w-[98%] text-[3.19vw] md:text-[0.833vw] text-[#383E43] leading-[4.785vw] md:leading-[1.25vw] mt-[2vw] md:mt-[0.5vw]"
               >
-                {{ item.text }}
+                {{ item?.text }}
               </p>
             </div>
           </div>
@@ -339,8 +339,8 @@
           <div class="space-y-[5vw] md:space-y-[1vw]">
             <div class="flex gap-[1vw]">
               <img
-                v-if="authUser.user.avatarMedia"
-                :src="authUser.user.avatarMedia"
+                v-if="authUser?.user?.avatarMedia"
+                :src="authUser?.user?.avatarMedia"
                 alt=""
                 class="h-[10.256vw0] md:h-[3.385vw] w-[10.256vw] md:w-[3.385vw] rounded-[50%]"
               />
@@ -354,7 +354,7 @@
                 class="space-y-[4vw] mt-[1vw] md:mt-0 ms-[1vw] md:ms-0 md:space-y-0"
               >
                 <p class="text-[3.59vw] md:text-[0.938vw]">
-                  {{ authUser?.user.name ? authUser.user.name : "کاربر مهمان" }}
+                  {{ authUser?.user?.name ? authUser?.user?.name : "کاربر مهمان" }}
                 </p>
                 <p class="text-[2.836vw] md:text-[0.741vw] text-[#878787]">
                   پرسش جدید
@@ -405,13 +405,13 @@
                 <input
                   type="radio"
                   @click="chengeVideo(item)"
-                  :checked="item.headline === activeHead.headline"
+                  :checked="item?.headline === activeHead?.headline"
                   class="accent-primaryGreen"
                 />
-                {{ item.headline }}
+                {{ item?.headline }}
               </div>
               <div class="flexBox gap-[1vw] md:gap-[0.3vw]">
-                {{ convertStoMs(item.time) }}
+                {{ convertStoMs(item?.time) }}
                 <svg
                   class="h-[4.359vw] w-[4.359vw] md:h-[0.99vw] md:w-[0.99vw]"
                   viewBox="0 0 19 20"
@@ -458,7 +458,7 @@
             class="flex justify-between text-[3.19vw] md:text-[0.833vw] font-semibold text-[#383E43]"
           >
             <span class="text-[3.59vw] md:text-[0.938vw]">پیشرفت شما</span>
-            <span>{{ Math.floor(progress.completionPercentage) }}%</span>
+            <span>{{ Math.floor(progress?.completionPercentage) }}%</span>
           </div>
           <div
             id="progressbar"