Refactor data fetching in Type1.vue component

src/components/Form/FiltersType/Type1.vue

@@ -51,7 +51,6 @@ const setPosko = (value: any) => {
 }
 
 onMounted(() => {
-  fetchUid();
   emit('update:filters', data.value)
   fetchUid()
 })

src/components/Form/FiltersType/reference.ts

@@ -30,17 +30,17 @@ for (let i = 0; i < 5; i++) {
   years.value.push({id:year-i, name: year-i})
 }
 const timeout = ref()
-const items = ref<Item[]>([]);
+const itemsUid = ref<Item[]>([]);
 const itemsUp3 = ref<Item[]>([]);
 const itemsPosko = ref<Item[]>([]);
 const itemsUlp =  ref<Item[]>([]);
 const itemsRegional = ref<Item[]>([]);
 const itemsMedia = ref<Item[]>([]);
 // Fetch data from the API using Axios
-const fetchData = async () => {
+const fetchUid = async () => {
     try {
       const res = await getUid()
-      items.value = res.data.map((item: any) => (
+      itemsUid.value = res.data.map((item: any) => (
         {
           id: item.id,
           name: item.nama,
@@ -50,6 +50,19 @@ const fetchData = async () => {
       console.error('Error fetching data:', error);
     }
 };
+const fetchMedia = async () => {
+  try {
+    const res = await getUid()
+    itemsMedia.value = res.data.map((item: any) => (
+      {
+        id: item.id,
+        name: item.nama,
+      }
+    ));
+  } catch (error) {
+    console.error('Error fetching data:', error);
+  }
+}
 
 const fetchDataUp3 = async (uid: number) => {
   try {
@@ -112,4 +125,4 @@ const selectedUlp = (value: any) => {
   useUlpStore().setData(value.id)
 }
 
-export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp, fetchData, items, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years};
+export { selectedUid, selectedUp3Posko ,selectedUp3Ulp, selectedPosko,selectedUlp,fetchMedia, fetchUid, itemsUid, itemsUp3, itemsPosko,itemsRegional,itemsMedia,itemsUlp ,months ,years};