new changes

frontend/components/product/ProductComments.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-
 // import
 
 import useGetComments from "~/composables/api/product/useGetComments";
@@ -16,15 +15,16 @@ const page = ref(1);
 const { token } = useAuth();
 const userComment = ref("");
 
-const { data: comments, refetch : refetchComments } = useGetComments(id, page);
-const { mutateAsync: createComment, isPending: isCreateCommentPending } = useCreateComment(id);
+const { data: comments, refetch: refetchComments } = useGetComments(id, page);
+const { mutateAsync: createComment, isPending: isCreateCommentPending } =
+    useCreateComment(id);
 
-// method
+// methods
 
 const submitComment = async () => {
     if (userComment.value.length > 3) {
         await createComment({
-            content: userComment.value
+            content: userComment.value,
         });
 
         userComment.value = "";
@@ -32,23 +32,25 @@ const submitComment = async () => {
         await refetchComments();
     }
 };
-
 </script>
 
 <template>
     <section class="bg-slate-50">
         <div class="flex relative gap-8 my-42 container">
-            <div class="sticky top-0 flex flex-col gap-6 min-w-[400px] max-h-min bg-white p-8 rounded-xl border-[0.5px] border-slate-200">
-                <h3 class="typo-h-3">
-                    نظرات کاربران
-                </h3>
+            <div
+                class="sticky top-0 flex flex-col gap-6 min-w-[400px] max-h-min bg-white p-8 rounded-xl border-[0.5px] border-slate-200"
+            >
+                <h3 class="typo-h-3">نظرات کاربران</h3>
                 <div class="flex flex-col gap-2">
                     <Rating />
                     <span class="typo-p-sm">
                         بر اساس {{ comments?.count }} نظر
                     </span>
                 </div>
-                <form @submit.prevent="submitComment" class="flex flex-col gap-6">
+                <form
+                    @submit.prevent="submitComment"
+                    class="flex flex-col gap-6"
+                >
                     <textarea
                         :disabled="!token"
                         class="w-full min-h-[200px] field-sizing-content rounded-xl bg-white p-4 border border-slate-200"
@@ -65,10 +67,7 @@ const submitComment = async () => {
                         نظر بنویسید
                     </Button>
                     <NuxtLink v-else to="/signin">
-                        <Button
-                            type="button"
-                            class="rounded-full w-full"
-                        >
+                        <Button type="button" class="rounded-full w-full">
                             وارد شوید
                         </Button>
                     </NuxtLink>
@@ -90,7 +89,6 @@ const submitComment = async () => {
                     />
                 </div>
             </div>
-
         </div>
     </section>
-</template>
+</template>