feat: mnemonic caching update (#1292)

Signed-off-by: Svetoslav Borislavov <[email protected]>

front-end/src/renderer/pages/RestoreMissingKeys/RestoreMissingKeys.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { USER_PASSWORD_MODAL_TYPE } from '@renderer/providers';
 
-import { inject, onBeforeUnmount, ref } from 'vue';
+import { inject, onMounted, ref } from 'vue';
 
 import useUserStore from '@renderer/stores/storeUser';
 
@@ -124,7 +124,7 @@ const storeKeys = async (
 };
 
 /* Hooks */
-onBeforeUnmount(() => {
+onMounted(() => {
   user.recoveryPhrase = null;
 });
 </script>

front-end/src/renderer/pages/Settings/components/ImportDropDown.vue

@@ -3,12 +3,17 @@ import { ref } from 'vue';
 
 import { RESTORE_KEY } from '@renderer/router';
 
+import useUserStore from '@renderer/stores/storeUser';
+
 import { useRouter } from 'vue-router';
 
 import AppButton from '@renderer/components/ui/AppButton.vue';
 import ImportExternalPrivateKeyModal from '@renderer/components/ImportExternalPrivateKeyModal.vue';
 import ImportEncrypted from '@renderer/components/KeyPair/ImportEncrypted';
 
+/* Stores */
+const user = useUserStore();
+
 /* Composables */
 const router = useRouter();
 
@@ -25,7 +30,10 @@ const handleImportExternal = (type: 'ED25519' | 'ECDSA') => {
 
 const handleImportEncrypted = () => importEncryptedRef.value?.process();
 
-const handleImportMnemonic = () => router.push({ name: RESTORE_KEY });
+const handleImportMnemonic = async () => {
+  await user.setRecoveryPhrase(null);
+  await router.push({ name: RESTORE_KEY });
+};
 </script>
 <template>
   <div class="dropdown">