new: prevent user to create 2 comchain account with 2 fast button click

src/components/CreateAccount.vue

@@ -165,6 +165,7 @@
   import AuthPref from "@/components/AuthPref.vue"
   import PasswordField from "@/components/PasswordField.vue"
   import { mapGetters } from "vuex"
+  import { debounceMethod } from "@/utils/debounce"
   @Options({
     name: "CreateAccount",
     components: { AuthPref, PasswordField },
@@ -255,7 +256,7 @@
       saveSimplifiedAuthPref(accountAuthService: any, userConfigInput: any) {
         this.userAuthPref = [accountAuthService, userConfigInput]
       },
-      async createUserAccount() {
+      createUserAccount: debounceMethod(async function() {
         let userAccount
         try {
           userAccount = await this.$store.dispatch("createUserAccount", [
@@ -299,7 +300,7 @@
         }
         this.$store.dispatch("fetchComponentDefs")
         this.$router.push({ name: "dashboard" })
-      },
+      }),
     },
   })
   export default class CreateAccount extends Vue {}

src/utils/debounce.ts

@@ -0,0 +1,37 @@
+export function debounceMethod<
+  T extends (this: any, ...args: any[]) => Promise<any>
+>(fn: T): T {
+  const promiseMapKey = Symbol("__debouncePromiseMap__")
+
+  return function (this: any, ...args: Parameters<T>): ReturnType<T> {
+    if (!this[promiseMapKey]) {
+      this[promiseMapKey] = new Map<string, ReturnType<T>>()
+    }
+
+    const argsKey = JSON.stringify(args)
+
+    if (!this[promiseMapKey].has(argsKey)) {
+      const promise = (async () => {
+        try {
+          return await fn.apply(this, args)
+        } finally {
+          this[promiseMapKey].delete(argsKey)
+        }
+      })()
+
+      this[promiseMapKey].set(argsKey, promise)
+    } else {
+      console.trace(`Debounced call`)
+    }
+
+    return this[promiseMapKey].get(argsKey)
+  } as unknown as T
+}
+
+export function debounce(
+  target: any,
+  propertyKey: string,
+  descriptor: PropertyDescriptor
+) {
+  return debounceMethod(descriptor.value)
+}