Fixing import function

src/views/ImportAccountView.vue

@@ -22,10 +22,11 @@
         type="text"
         placeholder="Seed Phrase"
         class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
+        value="{{ mnemonic }}"
       />
       <div class="mt-8">
-        <input
+        <button`
-          type="submit"
+          @click="import(mnemonic)"
           class="block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2"
           value="Import Identity"
         />
@@ -48,8 +49,15 @@ import { Options, Vue } from "vue-class-component";
   components: {},
 })
 export default class ImportAccountView extends Vue {
+  mnemonic = "";
   public onCancelClick() {
     this.$router.back();
   }
+  public import() {
+    // just to get rid of variability that might cause an error
+    if (this.mnemonic.trim().length > 0) {
+      this.mnemonic = this.mnemonic.trim().toLowerCase();
+    }
+  }
 }
 </script>