undefined is ok to use

Author: MaxNumerique

components/ObjectSelector.vue

@@ -24,7 +24,7 @@
               <v-img
                 :src="geode_objects[key].image"
                 cover
-                :class="!value['is_loadable'] ? 'disabled' : ''"
+                :class="!value['is_loadable'] ? 'disabled' : undefined"
               />
             </v-card>
           </span>
@@ -69,7 +69,7 @@
   function select_geode_object(object_map) {
     const object_keys = Object.keys(object_map)
     if (!object_keys.length) {
-      return ''
+      return undefined
     }
     if (
       object_keys.length === 1 &&
@@ -81,7 +81,7 @@
       ...object_keys.map((key) => object_map[key].is_loadable),
     )
     if (highest_load_score <= 0) {
-      return ''
+      return undefined
     }
     const best_score_objects = object_keys.filter(
       (key) => object_map[key].is_loadable === highest_load_score,
@@ -100,7 +100,7 @@
     if (highest_priority !== -Infinity && best_priority_objects.length === 1) {
       return best_priority_objects[0]
     }
-    return ''
+    return undefined
   }
 
   async function get_allowed_objects() {
@@ -125,7 +125,7 @@
       )
       const priorities = allowed_objects_list
         .map((obj) => obj[key].object_priority)
-        .filter((p) => p !== '' && p !== null)
+        .filter((p) => p !== undefined && p !== null)
       final_object[key] = { is_loadable: Math.min(...load_scores) }
       if (priorities.length) {
         final_object[key].object_priority = Math.max(...priorities)