refactor(vue)!: append reset function to execute property (#268)

tien · Oct 18, 2024 · 485e3c8 · 485e3c8
1 parent 98bb09e
commit 485e3c8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/examples/vue/src/app.vue b/examples/vue/src/app.vue
@@ -16,7 +16,7 @@ const selectedChainId = ref<ChainId>("polkadot");
 provideChain(selectedChainId);
 
 const hasError = ref(false);
-const resetError = useQueryErrorResetter();
+const { execute: resetError } = useQueryErrorResetter();
 onErrorCaptured(() => (hasError.value = true));
 
 // Useful tracking all submitted transaction, i.e. for toast notification

diff --git a/packages/vue/src/composables/use-query-error-resetter.ts b/packages/vue/src/composables/use-query-error-resetter.ts
@@ -9,10 +9,12 @@ import { toValue } from "vue";
 export function useQueryErrorResetter() {
   const cache = useLazyValuesCache();
 
-  return () =>
-    toValue(cache).forEach((value, key) => {
-      if (erroredSymbol in value) {
-        toValue(cache).delete(key);
-      }
-    });
+  return {
+    execute: () =>
+      toValue(cache).forEach((value, key) => {
+        if (erroredSymbol in value) {
+          toValue(cache).delete(key);
+        }
+      }),
+  };
 }