Merge branch 'GraphQLIntegration' of https://gitea.callysta-engineering.com/APKT/eis into dev-bagus

src/components/Form/FiltersType/Type1.vue

@@ -1,27 +1,23 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
+import Select from '@/components/Select.vue'
+import DatePicker from '@/components/DatePicker.vue'
 import {
   selectedUid,
   selectedUp3Posko,
   selectedPosko,
-  fetchUid,
   itemsUid,
   itemsUp3,
-  itemsPosko
+  itemsPosko,
+  fetchUid
 } from './reference'
-
-import Select from '@/components/Select.vue'
-import DatePicker from '@/components/DatePicker.vue'
-
+import { onMounted, ref, watch } from 'vue'
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
 const uppPlaceholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
 const poskoPlaceholder = 'Semua Posko'
 const uppp = ref({ id: 0, name: uppPlaceholder })
 const uid = ref({ id: 0, name: uidPlaceholder })
 const posko = ref({ id: 0, name: poskoPlaceholder })
-
 const emit = defineEmits(['update:filters'])
-
 const data = ref({
   uid: uid.value,
   up3: uppp.value,
@@ -54,8 +50,8 @@ const setPosko = (value: any) => {
 }
 
 onMounted(() => {
-  emit('update:filters', data.value)
   fetchUid()
+  emit('update:filters', data.value)
 })
 </script>
 
@@ -65,12 +61,7 @@ onMounted(() => {
       >Unit Induk Distribusi/Wilayah:</label
     >
 
-    <Select
-      :data="itemsUid"
-      @update:selected="setUid($event)"
-      :placeholder="uidPlaceholder"
-      :selected="uid"
-    />
+    <Select @update:selected="setUid($event)" :data="itemsUid" :placeholder="uidPlaceholder" />
   </div>
 
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">