fix(core): use ref to store loading state (#436)

discovered in #295, using `useSWRV` to track a loading state means we actually get a fetch to the loading API key. We can just use a vue `ref` to handle this state, however.
vercel · Aug 11, 2023 · 4ef8015 · 4ef8015
1 parent a0ee4be
commit 4ef8015
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/mighty-apricots-play.md b/.changeset/mighty-apricots-play.md
@@ -0,0 +1,5 @@
+---
+'ai': patch
+---
+
+Prevent `isLoading` in vue integration from triggering extraneous network requests
diff --git a/packages/core/vue/use-chat.ts b/packages/core/vue/use-chat.ts
@@ -78,9 +78,12 @@ export function useChat({
   )
 
   const { data: isLoading, mutate: mutateLoading } = useSWRV<boolean>(
-    `${chatId}-loading`
+    `${chatId}-loading`,
+    null
   )
 
+  isLoading.value ??= false
+
   // Force the `data` to be `initialMessages` if it's `undefined`.
   data.value ||= initialMessages