Fix

src/features/admin/messages/components/modals/TicketDetailsModal.vue

@@ -1,6 +1,6 @@
 <template>
   <BasicModal width="95%" max-width="64rem" min-width="auto" :show-close-button="true">
-    <template #default="{ close }">
+    <template #default>
       <div class="ticket-details">
         <LineTitleBlock title="جزئیات تیکت" title-en="Ticket Details" />
 
@@ -103,8 +103,16 @@
 </template>
 
 <script setup>
-import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+import useModal from '@/composables/useModal'
 import { useQueryClient } from '@tanstack/vue-query'
+import BasicModal from '@/components/BasicModal.vue'
+import SvgIcon from '@/components/icons/SvgIcon.vue'
+import NoItems from '@/components/blocks/NoItems.vue'
+import { formatJalaaliDate } from '@/utils/date-utils'
+import LineTitleBlock from '@/components/LineTitleBlock.vue'
+import { objectToFormData } from '@/utils/object-to-formdata'
+import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
+import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
 import {
   autoUpdate,
   computePosition,
@@ -112,20 +120,11 @@ import {
   offset as offsetMiddleware,
   shift,
 } from '@floating-ui/dom'
-
-import BasicModal from '@/components/BasicModal.vue'
-import LineTitleBlock from '@/components/LineTitleBlock.vue'
-import NoItems from '@/components/blocks/NoItems.vue'
-import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
-import SvgIcon from '@/components/icons/SvgIcon.vue'
-import useModal from '@/composables/useModal'
 import {
   adminTicketsKeys,
   useAdminTicketQuery,
   useSendAdminTicketMessageMutation,
 } from '@/services/query/admin-tickets'
-import { formatJalaaliDate } from '@/utils/date-utils'
-import { objectToFormData } from '@/utils/object-to-formdata'
 
 defineOptions({ name: 'TicketDetailsModal' })