Update dependencies and fix code issues

src/components/Form/Filters.vue

@@ -2,19 +2,10 @@
 <script setup lang="ts">
 // components
 import Button from '@/components/Button.vue'
-import { useSearchStore } from '@/stores/filtersAction'
-
 // icons
 import { PhArrowsCounterClockwise, PhFileText, PhMagnifyingGlass } from '@phosphor-icons/vue'
-const cariButton = useSearchStore()
-defineProps({
-  reportButton: {
-    type: Boolean,
-    default: false
-  }
-})
 
-const emit = defineEmits(['runSearch'])
+const emit = defineEmits(['runSearch','resetForm'])
 </script>
 
 <template>
@@ -26,7 +17,7 @@ const emit = defineEmits(['runSearch'])
     <div class="filter-footer rounded-b-2xl px-4 py-3 bg-primary-50 flex justify-end">
       <div class="filter-buttons flex gap-3 flex-wrap">
         <Button
-          @click="() => (cariButton.isTriggerChange = !cariButton.isTriggerChange)"
+          @on:click="() => emit('resetForm')"
           label="Ulangi"
           style-type="outline"
           class-name="bg-white"
@@ -35,11 +26,10 @@ const emit = defineEmits(['runSearch'])
         </Button>
 
         <Button
-          v-if="reportButton"
           label="Lihat Laporan"
           style-type="outline"
           class-name="bg-white"
-        >
+        > 
           <PhFileText size="18" class="ml-1" weight="regular" />
         </Button>