frontend: useServers(), useOwners()

frontend/app/pages/workentries/search.vue

@@ -8,8 +8,8 @@ import { ref, onMounted } from "vue"
 import { isUnauthorized } from "~/utils/auth"
 
 const { apiFetch } = useApi()
+const { servers, loadServers } = useServers()
 
-const servers = ref([])
 const selectedServer = ref(null)
 const query = ref("")
 const results = ref([])
@@ -21,18 +21,6 @@ function toggleRow(id: number) {
   expandedRow.value = expandedRow.value === id ? null : id
 }
 
-async function loadServers() {
-  try {
-    const result = await apiFetch("/servers")
-    if (isUnauthorized(result)) {
-      return result
-    }
-    servers.value = result
-  } catch (e: any) {
-    error.value = e.message
-  }
-}
-
 async function search() {
   if (!selectedServer.value && !query.value) {
     results.value = []