remove fetch / use axios fix #1077

mealie-recipes · Mar 23, 2022 · b10ce50 · b10ce50
1 parent 20822ee
commit b10ce50
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/frontend/composables/api/use-app-info.ts b/frontend/composables/api/use-app-info.ts
@@ -1,13 +1,16 @@
-import { onMounted, ref, Ref } from "@nuxtjs/composition-api";
+import { ref, Ref, useAsync, useContext } from "@nuxtjs/composition-api";
+import { useAsyncKey } from "../use-utils";
 import { AppInfo } from "~/types/api-types/admin";
 
 export function useAppInfo(): Ref<AppInfo | null> {
   const appInfo = ref<null | AppInfo>(null);
 
-  onMounted(async () => {
-    const data = await fetch("/api/app/about").then((res) => res.json());
-    appInfo.value = data as AppInfo;
-  });
+  const { $axios } = useContext();
+
+  useAsync(async () => {
+    const data = await $axios.get<AppInfo>("/api/app/about");
+    appInfo.value = data.data;
+  }, useAsyncKey());
 
   return appInfo;
 }