Fix issue when choose file for sqlite db and choose file for ssh cert

Signed-off-by: Don Alfons Nisnoni <donnisnoni@outlook.com>

src/vue/connect/component/SQLite.vue

@@ -12,7 +12,9 @@
       <div class="inline-block mr-10">
         <label class="inline-block mr-5 font-bold w-28">SQLite File Path</label>
         <input class="w-80 field__input" placeholder="SQLite File Path" v-model="connectionOption.dbPath" />
-        <button class="inline button button--primary w-128" @click="choose('sqlite')">Choose Database File</button>
+        <button class="inline button button--primary w-128" type="button" @click="() => $emit('choose')">
+          Choose Database File
+        </button>
       </div>
     </section>
   </div>

src/vue/connect/component/SSH.vue

@@ -84,7 +84,7 @@
             placeholder="Private Key Path"
             v-model="connectionOption.ssh.privateKeyPath"
           />
-          <button @click="choose('privateKey')" class="w-12 ml-1">Choose</button>
+          <button @click="() => $emit('choose')" type="button" class="w-12 ml-1">Choose</button>
         </div>
         <div class="inline-block mb-2 mr-10">
           <label class="inline-block font-bold mr-9 w-28">Passphrase</label>

src/vue/connect/index.vue

@@ -57,9 +57,14 @@
       v-else-if="connectionOption.dbType == 'SQLite'"
       :connectionOption="connectionOption"
       :sqliteState="sqliteState"
+      @choose="choose('sqlite')"
       @install="installSqlite"
     />
-    <SSH v-else-if="connectionOption.dbType == 'SSH'" :connectionOption="connectionOption" />
+    <SSH
+      v-else-if="connectionOption.dbType == 'SSH'"
+      :connectionOption="connectionOption"
+      @choose="choose('privateKey')"
+    />
 
     <template v-else>
       <section class="mt-5">