From 9131081103f3338525558a20bb345903649e842b Mon Sep 17 00:00:00 2001
From: Tom Kocourek <tkocou@protonmail.com>
Date: Wed, 17 May 2023 09:24:47 -0400
Subject: [PATCH] update for lint

---
 web/src/views/SettingsView.vue | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/web/src/views/SettingsView.vue b/web/src/views/SettingsView.vue
index 4709ab68..4fcd93e8 100644
--- a/web/src/views/SettingsView.vue
+++ b/web/src/views/SettingsView.vue
@@ -48,7 +48,8 @@
                     <select id="backend" @change="update_backend($event.target.value)"
                         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
 
-                        <option v-for="item in backendsArr" :selected="item === configFile.backend">{{ item }}</option>
+                        <!-- <option v-for="item in backendsArr" :selected="item === configFile.backend">{{ item }}</option> -->
+                        <option v-for="item in backendsArr" :key="item === configFile.backend">{{ item }}</option>
 
                     </select>
                 </div>
@@ -59,7 +60,8 @@
                     <select id="model" @change="update_model($event.target.value)"
                         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
 
-                        <option v-for="item in modelsArr" :selected="item === configFile.model">{{ item }}</option>
+                        <!-- <option v-for="item in modelsArr" :selected="item === configFile.model">{{ item }}</option> -->
+                        <option v-for="item in modelsArr" :key="item === configFile.model">{{ item }}</option>
 
                     </select>
                 </div>                
@@ -113,7 +115,9 @@
                     <select id="persLang" @change="update_setting('personality_language', $event.target.value, refresh)"
                         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
 
-                        <option v-for="item in persLangArr" :selected="item === configFile.personality_language">{{ item }}
+                        <!-- <option v-for="item in persLangArr" :selected="item === configFile.personality_language">{{ item }} -->
+                        <option v-for="item in persLangArr" :key="item === configFile.personality_language">{{ item }}
+
                         </option>
 
                     </select>
@@ -125,7 +129,9 @@
                     <select id="persCat" @change="update_setting('personality_category', $event.target.value, refresh)"
                         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
 
-                        <option v-for="item in persCatgArr" :selected="item === configFile.personality_category">{{ item }}
+                        <!-- <option v-for="item in persCatgArr" :selected="item === configFile.personality_category">{{ item }} -->
+                        <option v-for="item in persCatgArr" :key="item === configFile.personality_category">{{ item }}
+                        
                         </option>
 
                     </select>
@@ -137,7 +143,8 @@
                     <select id="persona" @change="update_setting('personality', $event.target.value, refresh)"
                         class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
 
-                        <option v-for="item in persArr" :selected="item === configFile.personality">{{ item }}</option>
+                        <!-- <option v-for="item in persArr" :selected="item === configFile.personality">{{ item }}</option> -->
+                        <option v-for="item in persArr" :key="item === configFile.personality">{{ item }}</option>
 
                     </select>
                 </div>
@@ -338,6 +345,7 @@ export default {
         MessageBox,
         YesNoDialog,
         ModelEntry,
+        // eslint-disable-next-line vue/no-unused-components
         PersonalityViewer
     },
     setup() {
@@ -385,6 +393,7 @@ export default {
         },
         onSelected(model_object){
             console.log("Selected model")
+            // eslint-disable-next-line no-unused-vars
             this.update_setting('model', model_object.title, (res)=>{console.log("Model selected"); })
         },
         // Model installation
@@ -438,6 +447,7 @@ export default {
                     model_object.uninstalling = false;
                     this.showProgress = false;
                     socket.off('install_progress', progressListener);
+                    // eslint-disable-next-line no-undef
                     console.error('Installation failed:', message.error);
                 }
             };
@@ -491,14 +501,17 @@ export default {
                     return res.data;
                 }
             })
+                // eslint-disable-next-line no-unused-vars
                 .catch(error => { return { 'status': false } });
         },
         update_backend(value) {
             console.log("Upgrading backend")
+            // eslint-disable-next-line no-unused-vars
             this.update_setting('backend', value, (res)=>{console.log("Backend changed"); this.fetchModels(); })
         },
         update_model(value) {
             console.log("Upgrading model")
+            // eslint-disable-next-line no-unused-vars
             this.update_setting('model', value, (res)=>{console.log("Model changed"); this.fetchModels(); })
         },
         save_configuration() {