fix: await that wasm initialization before creating a wallet

components/CreateWalletTab.vue

@@ -20,7 +20,7 @@
 
 <script setup lang="ts">
 import {Keyring} from '@polkadot/keyring'
-import {mnemonicGenerate, mnemonicToMiniSecret} from '@polkadot/util-crypto'
+import {cryptoWaitReady, mnemonicGenerate, mnemonicToMiniSecret} from '@polkadot/util-crypto'
 import {u8aToHex} from "@polkadot/util";
 import { useAccount } from '@/store/account.ts'
 import { useRouter } from 'vue-router';
@@ -32,20 +32,21 @@ const router = useRouter();
 const accountStore = useAccount()
 
 const emit = defineEmits(['change-tab'])
-const createWallet = () => {
+const createWallet = async () => {
   console.log('creating fresh wallet');
+  await cryptoWaitReady()
   const generatedMnemonic = mnemonicGenerate();
   const localKeyring = new Keyring({type: 'sr25519', ss58Format: 42});
   const newAccount = localKeyring.addFromMnemonic(generatedMnemonic, {name: 'fresh'});
   const seed = mnemonicToMiniSecret(generatedMnemonic);
   const privateKeyHex = u8aToHex(seed);
   console.log(`Private Key in Hex: ${privateKeyHex}`);
   // change url to contain new seed to allow bookmarking
-  router.push({
-    query:{ seed: privateKeyHex}
+  await router.push({
+    query: {seed: privateKeyHex}
   })
   accountStore.setAccount(newAccount)
-  emit('change-tab',1);
+  emit('change-tab', 1);
 };
 
 onMounted(() => {