apply debug changes

components/product/Card.vue

@@ -56,7 +56,7 @@ const numberFormat = (number) =>
 
 <style lang="scss">
 .product-card {
-    box-shadow: 0px 2px 10px 0px #87C29A;
+    box-shadow: 0px 2px 14px 0px #e5eef5;
     @apply bg-white rounded-[0.6rem] border flex flex-col relative;
 
     &>img {

components/product/Wrapper.vue

@@ -18,9 +18,13 @@
 const { swiper, btns } = inject('init')
 const { device, dialog } = inject('service')
 const product = inject('data')
+const token = useCookie('token')
+const router = useRouter()
 
 const handleClick = () => {
-    dialog.show(resolveComponent('ProductDialogReport'), product)
+    if (token.value)
+        dialog.show(resolveComponent('ProductDialogReport'), product)
+    else router.push('/auth/login')
 }
 </script>
 

components/product/comment/Summary.vue

@@ -14,9 +14,13 @@
 const { btns } = inject('init')
 const product = inject('data')
 const { dialog } = inject('service')
+const token = useCookie('token')
+const router = useRouter()
 
 const handleClick = () => {
-    dialog.show(resolveComponent('ProductCommentDialogForm'), product)
+    if (token.value)
+        dialog.show(resolveComponent('ProductCommentDialogForm'), product)
+    else router.push('/auth/login')
 }
 </script>
 

components/product/comment/dialog/Form.vue

@@ -13,7 +13,7 @@
                     <component :is="item.is" ref="chips" :id="key" v-bind="item.props" v-model="form[key]" />
                     <label :for="key">{{ item.label }}</label>
                     <template v-if="['positive', 'negative'].includes(key)">
-                        <Button icon="isax isax-add" severity="secondary" text @click="addChip(i)" />
+                        <Button icon="isax isax-add" severity="secondary" text @click="addChip(key)" />
                     </template> 
                     <small v-if="errors[key]">{{ errors[key] }}</small>
                 </li>
@@ -76,8 +76,9 @@ const submit = async () => {
 
 }
 
-const addChip = (i) => {
-    chips.value[i].addItem(new Event('keydown'), chips.value[i].$data.inputValue, true)
+const addChip = (key) => {
+    const index = ['title', 'positive', 'negative'].indexOf(key)
+    chips.value[index]?.addItem(new Event('keydown'), chips.value[index].$data.inputValue, true)
 }
 
 const starsClass = (i) => (i > (form?.point || 0) ? 'opacity-25' : '')
@@ -158,6 +159,10 @@ watch(computed(() => form), (value, old) => {
 
                         .p-chips-token {
                             @apply ltr my-1;
+
+                            .p-chips-token-label {
+                                @apply font-vazir;
+                            }
                         }
                     }
                 }

components/product/dialog/Menu.vue

@@ -2,7 +2,7 @@
     <div class="product-menu">
         <ul>
             <li v-for="({ icon, label, click }, i) in meta.init.menu" :key="i" >
-                <div @click="click" v-ripple>
+                <div @click="click(dialogRef)" v-ripple>
                     <i :class="icon" />
                     <span>{{ label }}</span>
                 </div>
@@ -13,6 +13,7 @@
 
 <script setup>
 const { meta } = useRoute()
+const dialogRef = inject('dialogRef')
 </script>
 
 <style lang="scss">