frontend: useServers(), useOwners()

frontend/app/composables/useServers.ts

@@ -0,0 +1,33 @@
+import { ref } from "vue"
+import { isUnauthorized } from "~/utils/auth"
+
+export function useServers() {
+  const servers = ref([])
+  const loading = ref(false)
+  const error = ref("")
+
+  const { apiFetch } = useApi()
+
+  async function loadServers() {
+    loading.value = true
+    error.value = ""
+
+    const result = await apiFetch("/servers")
+
+    if (isUnauthorized(result)) {
+      loading.value = false
+      return result
+    }
+
+    servers.value = result
+    loading.value = false
+    return result
+  }
+
+  return {
+    servers,
+    loading,
+    error,
+    loadServers
+  }
+}