new changes

frontend/components/global/SideDrawer.vue

@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-
 // import
 
 import { NAV_LINKS } from "~/constants";
@@ -9,12 +8,12 @@ import useGetAccount from "~/composables/api/account/useGetAccount";
 // type
 
 type Props = {
-    modelValue: boolean
-}
+    modelValue: boolean;
+};
 
 // props
 
-const props = defineProps<Props>();
+defineProps<Props>();
 
 // state
 
@@ -30,11 +29,9 @@ const emit = defineEmits(["update:modelValue"]);
 const closeSideDrawer = () => {
     emit("update:modelValue", false);
 };
-
 </script>
 
 <template>
-
     <Transition name="fade">
         <div
             v-if="modelValue"
@@ -58,12 +55,12 @@ const closeSideDrawer = () => {
                         class="!size-[1.6rem]"
                         :src="account.profile_photo"
                         :alt="
-                                    account.first_name && account.last_name
-                                        ? `${account.first_name.charAt(
-                                              0
-                                          )} ${account.last_name.charAt(0)}`
-                                        : 'بدون نام کاربری'
-                                "
+                            account.first_name && account.last_name
+                                ? `${account.first_name.charAt(
+                                      0
+                                  )} ${account.last_name.charAt(0)}`
+                                : 'بدون نام کاربری'
+                        "
                     />
                 </NuxtLink>
             </Tooltip>
@@ -87,11 +84,7 @@ const closeSideDrawer = () => {
             </Tooltip>
             <Tooltip title="سبد خرید">
                 <NuxtLink to="/cart" class="flex-center">
-                    <Icon
-                        name="ci:cart"
-                        size="24px"
-                        class="**:stroke-black"
-                    />
+                    <Icon name="ci:cart" size="24px" class="**:stroke-black" />
                 </NuxtLink>
             </Tooltip>
         </div>
@@ -108,5 +101,4 @@ const closeSideDrawer = () => {
             </NuxtLink>
         </nav>
     </div>
-
-</template>
+</template>