From a7233193c59fab35c8682895d18c7e47fb3bd4f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ti=E1=BA=BFn=20Nguy=E1=BB=85n=20Kh=E1=BA=AFc?=
 <tien.nguyenkhac@icloud.com>
Date: Sun, 8 Dec 2024 22:51:45 +1300
Subject: [PATCH] refactor(vue)!: nest tx options (#390)

---
 .changeset/strong-vans-bake.md               |  5 +++++
 packages/vue/src/composables/use-mutation.ts | 11 +++++------
 2 files changed, 10 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/strong-vans-bake.md

diff --git a/.changeset/strong-vans-bake.md b/.changeset/strong-vans-bake.md
new file mode 100644
index 00000000..0bca38da
--- /dev/null
+++ b/.changeset/strong-vans-bake.md
@@ -0,0 +1,5 @@
+---
+"@reactive-dot/vue": minor
+---
+
+BREAKING: nested tx options to avoid possible property clash.
diff --git a/packages/vue/src/composables/use-mutation.ts b/packages/vue/src/composables/use-mutation.ts
index d338ff24..346859be 100644
--- a/packages/vue/src/composables/use-mutation.ts
+++ b/packages/vue/src/composables/use-mutation.ts
@@ -65,11 +65,10 @@ export function useMutation<
   );
 
   return useAsyncAction(
-    (
-      submitOptions?: TxOptions<ReturnType<TAction>> & {
-        signer: PolkadotSigner;
-      },
-    ) => {
+    (submitOptions?: {
+      signer: PolkadotSigner;
+      txOptions: TxOptions<ReturnType<TAction>>;
+    }) => {
       const signer =
         submitOptions?.signer ?? toValue(options?.signer) ?? injectedSigner;
 
@@ -94,7 +93,7 @@ export function useMutation<
           return transaction
             .signSubmitAndWatch(
               signer,
-              submitOptions ?? toValue(options?.txOptions),
+              submitOptions?.txOptions ?? toValue(options?.txOptions),
             )
             .pipe(
               tap(