Run lint:fix and accept a huge formatting change

webapp/src/components/fieldComponents/checkList.vue

@@ -30,20 +30,20 @@ export default {
       required: false,
       default: function() {
         return [];
-      }
+      },
     },
     options: {
       type: Array,
-      required: true
+      required: true,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     label: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
 
   methods: {
@@ -62,8 +62,8 @@ export default {
         }
       }
       this.$emit("input", newSelected);
-    }
-  }
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/htmlBlock.vue

@@ -13,17 +13,17 @@ export default {
     label: {
       type: String,
       required: false,
-      default: ""
+      default: "",
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     content: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/keyvalList.vue

@@ -2,10 +2,7 @@
   <div>
     <form @submit.prevent="handleMetadataSubmit">
       <div class="uk-margin-remove uk-flex uk-flex-middle">
-        <div
-          class="uk-margin-remove-top uk-padding-remove uk-grid-small uk-width-expand"
-          uk-grid
-        >
+        <div class="uk-margin-remove-top uk-padding-remove uk-grid-small uk-width-expand" uk-grid>
           <div class="uk-margin-remove uk-width-1-2">
             <input
               ref="textboxKey"
@@ -28,10 +25,7 @@
           </div>
         </div>
 
-        <a
-          href="#"
-          class="uk-icon uk-margin-left"
-          @click="handleMetadataSubmit()"
+        <a href="#" class="uk-icon uk-margin-left" @click="handleMetadataSubmit()"
           ><span class="material-symbols-outlined">add_circle</span></a
         >
       </div>
@@ -43,12 +37,7 @@
       class="uk-width-1-1 uk-margin-small uk-margin-remove-left uk-margin-remove-right uk-flex uk-flex-middle"
     >
       <div class="uk-margin-remove-top uk-padding-remove uk-width-expand">
-        <labelInput
-          :name="key"
-          :label="key"
-          :value="value[key]"
-          @input="value[key] = $event"
-        />
+        <labelInput :name="key" :label="key" :value="value[key]" @input="value[key] = $event" />
       </div>
       <a href="#" class="uk-icon uk-width-auto" @click="delMetadataKey(key)"
         ><span class="material-symbols-outlined">delete</span></a
@@ -64,22 +53,22 @@ export default {
   name: "KeyvalList",
 
   components: {
-    labelInput
+    labelInput,
   },
 
   props: {
     value: {
       type: Object,
-      required: true
-    }
+      required: true,
+    },
   },
 
   data: function() {
     return {
       newMetadata: {
         key: "",
-        value: ""
-      }
+        value: "",
+      },
     };
   },
 
@@ -113,8 +102,8 @@ export default {
       this.$delete(newSelected, key);
 
       this.$emit("input", newSelected);
-    }
-  }
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/labelInput.vue

@@ -2,10 +2,7 @@
   <div>
     <label class="uk-form-label uk-text-bold">{{ label }}</label>
 
-    <div
-      uk-tooltip="title: Click to edit value; delay: 250"
-      @click="setEditing(true)"
-    >
+    <div uk-tooltip="title: Click to edit value; delay: 250" @click="setEditing(true)">
       <div v-show="editing == false">
         <label> {{ value }} </label>
       </div>
@@ -33,21 +30,21 @@ export default {
   props: {
     label: {
       type: String,
-      required: true
+      required: true,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     value: {
       type: String,
-      required: true
-    }
+      required: true,
+    },
   },
 
   data: function() {
     return {
-      editing: false
+      editing: false,
     };
   },
 
@@ -57,8 +54,8 @@ export default {
       if (editing == true) {
         this.$nextTick(() => this.$refs.textinput.focus());
       }
-    }
-  }
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/numberInput.vue

@@ -22,22 +22,22 @@ export default {
     value: {
       type: Number,
       required: false,
-      default: 0
+      default: 0,
     },
     placeholder: {
       type: Number,
       required: false,
-      default: 0
+      default: 0,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     label: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/radioList.vue

@@ -28,21 +28,21 @@ export default {
     value: {
       type: String,
       required: false,
-      default: ""
+      default: "",
     },
     options: {
       type: Array,
-      required: true
+      required: true,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     label: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/selectList.vue

@@ -23,21 +23,21 @@ export default {
     value: {
       type: String,
       required: false,
-      default: ""
+      default: "",
     },
     options: {
       type: Array,
-      required: true
+      required: true,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     label: {
       type: String,
-      required: true
-    }
-  }
+      required: true,
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/tagList.vue

@@ -4,9 +4,7 @@
       <div class="uk-margin-small uk-flex uk-flex-middle">
         <div class="uk-margin-remove-top uk-width-expand">
           <div class="uk-inline uk-width-1-1">
-            <span class="uk-form-icon"
-              ><span class="material-symbols-outlined">label</span></span
-            >
+            <span class="uk-form-icon"><span class="material-symbols-outlined">label</span></span>
             <input
               v-model="newTag"
               class="uk-input uk-form-small"
@@ -41,13 +39,13 @@ export default {
   props: {
     value: {
       type: Array,
-      required: true
-    }
+      required: true,
+    },
   },
 
   data: function() {
     return {
-      newTag: ""
+      newTag: "",
     };
   },
 
@@ -71,8 +69,8 @@ export default {
       }
 
       this.$emit("input", newSelected);
-    }
-  }
+    },
+  },
 };
 </script>
 

webapp/src/components/fieldComponents/textInput.vue

@@ -22,23 +22,23 @@ export default {
     placeholder: {
       type: String,
       required: false,
-      default: null
+      default: null,
     },
     label: {
       type: String,
       required: false,
-      default: null
+      default: null,
     },
     name: {
       type: String,
-      required: true
+      required: true,
     },
     value: {
       type: String,
       required: false,
-      default: ""
-    }
-  }
+      default: "",
+    },
+  },
 };
 </script>