docs: add watch effect to example

tien · Oct 18, 2024 · 8aa1aef · 8aa1aef
1 parent f511e04
commit 8aa1aef
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/examples/vue/src/app.vue b/examples/vue/src/app.vue
@@ -7,19 +7,20 @@ import {
   provideChain,
   useChainIds,
   useQueryErrorResetter,
+  watchMutationEffect,
 } from "@reactive-dot/vue";
 import { onErrorCaptured, ref } from "vue";
 
 const chainIds = useChainIds();
-
 const selectedChainId = ref<ChainId>("polkadot");
-const hasError = ref(false);
+provideChain(selectedChainId);
 
+const hasError = ref(false);
 const resetError = useQueryErrorResetter();
-
 onErrorCaptured(() => (hasError.value = true));
 
-provideChain(selectedChainId);
+// Useful tracking all submitted transaction, i.e. for toast notification
+watchMutationEffect((event) => console.log(event));
 </script>
 
 <template>