Refactor code for improved performance and readability

src/components/Form/FiltersType/Type16.vue

@@ -13,6 +13,7 @@ import {
   itemsMedia
 } from './reference'
 import { onMounted, ref, watch } from 'vue'
+
 const uidPlaceholder = 'Semua Unit Induk Distribusi/Wilayah'
 const up3Placeholder = 'Semua Unit Pelaksanaan Pelayanan Pelanggan'
 const poskoPlaceholder = 'Semua Posko'
@@ -20,7 +21,7 @@ const mediaPlaceholder = 'Semua Media'
 const up3 = ref({ id: 0, name: up3Placeholder })
 const uid = ref({ id: 0, name: uidPlaceholder })
 const posko = ref({ id: 0, name: poskoPlaceholder })
-const media = ref({ id: "", name: mediaPlaceholder })
+const media = ref({ id: '', name: mediaPlaceholder })
 const emit = defineEmits(['update:filters'])
 const data = ref({
   uid: uid.value,
@@ -53,10 +54,12 @@ const setPosko = (value: any) => {
   selectedPosko(value)
   data.value.posko = value
 }
+
 const setMedia = (value: any) => {
   media.value = value
   data.value.media = value
 }
+
 onMounted(() => {
   emit('update:filters', data.value)
   fetchUid()
@@ -116,12 +119,6 @@ onMounted(() => {
   <div class="sm:grid sm:grid-cols-2 lg:grid-cols-3 sm:items-center">
     <label class="text-gray-800 font-semibold mb-2 sm:mb-0 block">Periode Tanggal:</label>
 
-    <DatePicker
-      @update:date-value="
-        (value) => {
-          data.periode = value
-        }
-      "
-    />
+    <DatePicker @update:date-value="(value) => (data.periode = value)" />
   </div>
 </template>