Update file permissions for multiple files

src/components/Pages/Transaksi/Table_70.vue

@@ -1,5 +1,11 @@
 <template>
-    <div>
+     <Filters @run-search="() => filterData(filters)" class="mb-4">
+        <Type17 @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="onSelectionChanged"
             :column-width="100" @exporting="onExporting" :allow-column-resizing="true" column-resizing-mode="widget"
@@ -41,6 +47,8 @@ import { exportDataGrid as exportToPdf } from 'devextreme/pdf_exporter'
 import { exportDataGrid as exportToExcel } from 'devextreme/excel_exporter'
 import { saveAs } from 'file-saver'
 import { Workbook } from 'exceljs'
+import { Type17 } from '@/components/Form/FiltersType'
+import Filters from '@/components/Form/Filters.vue'
 const position = { of: '#data' }
 const showIndicator = ref(true)
 const shading = ref(true)
@@ -139,11 +147,8 @@ const data = [
     }
 ]
 
-onMounted(() => {
-    const filters = useFiltersStore()
-
-    filters.setConfig({
-        type: 'type-17'
-    })
-})
+const filters = ref();
+const filterData = (filters: any) => {
+    console.log(filters)
+}
 </script>