Set render adapter for virtual display driver w/ show detailed virtual display driver status on config

src_assets/common/assets/web/config.html

@@ -132,7 +132,7 @@
         restarted: false,
         config: null,
         currentTab: "general",
-        vdisplayStatus: false,
+        vdisplayStatus: "1",
         global_prep_cmd: [],
         tabs: [ // TODO: Move the options to each Component instead, encapsulate.
           {
@@ -311,7 +311,7 @@
           delete this.config.status;
           delete this.config.version;
 
-          this.vdisplayStatus = this.config.vdisplayStatus === 'true';
+          this.vdisplayStatus = this.config.vdisplayStatus;
           delete this.config.vdisplayStatus;
 
           // TODO: let each tab's Component handle it's own data instead of doing it here

src_assets/common/assets/web/configs/tabs/audiovideo/AdapterNameSelector.vue

@@ -20,7 +20,7 @@ const config = ref(props.config)
     <div class="form-text">
       <PlatformLayout :platform="platform">
         <template #windows>
-          {{ $t('config.adapter_name_desc_win') }}<br>
+          {{ $t('config.adapter_name_desc_windows') }}<br>
           <pre>tools\dxgi-info.exe</pre>
         </template>
         <template #linux>

src_assets/common/assets/web/configs/tabs/audiovideo/DisplayModesSettings.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { $tp } from '../../../platform-i18n'
 import PlatformLayout from '../../../PlatformLayout.vue'
 
@@ -12,6 +12,16 @@ const props = defineProps([
 
 const config = ref(props.config)
 
+const sudovdaStatus = {
+  '1': 'Unknown',
+  '0': 'Ready',
+  '-1': 'Uninitialized',
+  '-2': 'Version Incompatible',
+  '-3': 'Watchdog Failed'
+}
+
+const currentDriverStatus = computed(() => sudovdaStatus[props.vdisplay])
+
 const resIn = ref("")
 const fpsIn = ref("")
 </script>
@@ -25,9 +35,10 @@ const fpsIn = ref("")
       <div class="form-text">{{ $t('config.min_fps_factor_desc') }}</div>
     </div>
 
-    <div class="alert" :class="[vdisplay ? 'alert-success' : 'alert-warning']">
-      <label><i class="fa-solid fa-xl fa-circle-info"></i> SudoVDA Driver status: {{vdisplay && "Ready" || "Not Ready"}}</label>
+    <div class="alert" :class="[vdisplay === '0' ? 'alert-success' : 'alert-warning']">
+      <label><i class="fa-solid fa-xl fa-circle-info"></i> SudoVDA Driver status: {{currentDriverStatus}}</label>
     </div>
+    <div class="form-text" v-if="vdisplay !== '0'">Please ensure SudoVDA driver is installed to the latest version and enabled properly.</div>
   </div>
 </template>