frontend: useServers(), useOwners()

frontend/app/pages/servers/index.vue

@@ -8,8 +8,9 @@ import { ref, onMounted } from "vue"
 import { isUnauthorized } from "~/utils/auth"
 
 const { apiFetch } = useApi()
+const { servers, loadServers } = useServers()
+const { owners, loadOwners } = useOwners()
 
-const servers = ref([])
 const newServer = ref({
     hostname: "",
     description: "",
@@ -64,36 +65,6 @@ async function saveEdit(serverId: number) {
   }
 }
 
-
-const owners = ref([])
-
-async function loadOwners() {
-    try {
-        const result = await apiFetch("/owners")
-        if (isUnauthorized(result)) {
-            return result
-        }
-        owners.value = result
-    } catch (e: any) {
-        error.value = e.message
-    }
-}
-
-async function loadServers() {
-    loading.value = true
-    try {
-        const result = await apiFetch("/servers")
-        if (isUnauthorized(result)) {
-            return result
-        }
-        servers.value = result
-    } catch (e: any) {
-        error.value = e.message
-    } finally {
-        loading.value = false
-    }
-}
-
 async function createServer() {
     if (!newServer.value.hostname.trim()) return