feat: update port selection to update the options

src/components/eventBus.js

@@ -0,0 +1,2 @@
+import Vue from "vue";
+export const EventBus = new Vue();

src/components/port-picker/PortPicker.vue

@@ -16,7 +16,7 @@ export default {
   },
   data() {
     return {
-      port: 'virtual',
+      port: 'manual',
     };
   },
 };

src/components/port-picker/PortsInput.vue

@@ -11,12 +11,15 @@
         @value="value"
         @input="$emit('input', $event.target.value)"
       >
-        <option value="virtual">
-          {{ $t("portsSelectVirtual") }}
-        </option>
         <option value="manual">
           {{ $t("portsSelectManual") }}
         </option>
+        <option
+          v-if="showVirtual"
+          value="virtual"
+        >
+          {{ $t("portsSelectVirtual") }}
+        </option>
       </select>
     </div>
     <div id="auto-connect-and-baud">
@@ -43,16 +46,20 @@
 </template>
 
 <script>
+import { get as getConfig } from '../../js/ConfigStorage';
+import { EventBus } from '../eventBus';
+
 export default {
     props: {
       value: {
         type: String,
-        // TODO: this should be loaded from config
-        default: 'virtual',
+        default: 'manual',
       },
     },
+
     data() {
         return {
+            showVirtual: false,
             selectedBaudRate: "115200",
             baudRates: [
                 { value: "1000000", label: "1000000" },
@@ -71,6 +78,17 @@ export default {
             ],
         };
     },
+    mounted() {
+      EventBus.$on('config-storage:set', this.setShowVirtual);
+    },
+    destroyed() {
+      EventBus.$off('config-storage:set', this.setShowVirtual);
+    },
+    methods: {
+      setShowVirtual() {
+        this.showVirtual = getConfig('showVirtualMode').showVirtualMode;
+      },
+    },
 };
 </script>
 <style scoped>

src/js/ConfigStorage.js

@@ -1,3 +1,5 @@
+import { EventBus } from "../components/eventBus";
+
 /**
  * Gets one or more items from localStorage
  * @param {string | string[]} key string or array of strings
@@ -43,6 +45,7 @@ export function set(input) {
     tmpObj[element] = input[element];
     try {
       localStorage.setItem(element, JSON.stringify(tmpObj));
+      EventBus.$emit(`config-storage:set`, 'element');
     } catch (e) {
       console.error(e);
     }