Update file permissions for multiple files

src/components/Pages/PencarianData/Table_71.vue

@@ -1,5 +1,11 @@
 <template>
-    <div>
+      <Filters @run-search="() => filterData(filters)" class="mb-4">
+        <Type15 @update:filters="(value) => {
+            filters = value
+        }
+            " />
+    </Filters>
+    <div id="data">
         <DxDataGrid class="max-h-[calc(100vh-140px)]" :show-column-lines="true" :show-row-lines="false" :show-borders="true"
             :row-alternation-enabled="true" :hover-state-enabled="true" @selection-changed="" :column-width="100"
             @exporting="" :allow-column-resizing="true" column-resizing-mode="widget">
@@ -37,10 +43,11 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted,ref } from 'vue'
-import { useFiltersStore } from '@/stores/filters'
+import { ref } from 'vue'
 import { DxDataGrid } from 'devextreme-vue'
 import { DxColumn, DxExport, DxLoadPanel, DxPager, DxPaging, DxScrolling, DxSearchPanel, DxSelection } from 'devextreme-vue/data-grid'
+import { Type15 } from '@/components/Form/FiltersType';
+import Filters from '@/components/Form/Filters.vue';
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -49,11 +56,10 @@ const data = ref<any[]>([])
 const dataDetail = ref<any>()
 const showDetail = ref(false)
 const loading = ref(false)
-onMounted(() => {
-    const filters = useFiltersStore()
-
-    filters.setConfig({
-        type: 'type-15'
-    })
-})
+const filters = ref();
+const filterData = async (filters: any) => {
+    loading.value = true
+    await new Promise((resolve) => setTimeout(resolve, 1000))
+    loading.value = false
+}
 </script>