chore: update sub-deps and fix lint

website/client/src/components/inventory/stable/index.vue

@@ -227,7 +227,6 @@
               :popover-position="'top'"
               :show-popover="true"
               @click="selectMount(item)"
-
             >
               <span slot="popoverContent">
                 <h4 class="popover-content-title">{{ item.name }}</h4>

website/client/src/components/tasks/column.vue

@@ -78,9 +78,9 @@
         </div>
       </div>
       <draggable
+        v-if="taskList.length > 0"
         ref="tasksList"
         class="sortable-tasks"
-        v-if="taskList.length > 0"
         :options="{disabled: activeFilter.label === 'scheduled' || !isUser, scrollSensitivity: 64}"
         :delay-on-touch-only="true"
         :delay="100"

website/client/src/components/tasks/modal-controls/checklist.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="checklist-component">
-    <label v-once class="mb-1">{{ $t('checklist') }}</label>
+    <label
+      v-once
+      class="mb-1"
+    >{{ $t('checklist') }}</label>
     <br>
     <draggable
       v-model="checklist"
@@ -17,17 +20,19 @@
         class="inline-edit-input-group checklist-group input-group"
       >
         <span
+          v-if="!disabled"
           class="grippy"
           v-html="icons.grip"
-          v-if="!disabled"
         >
         </span>
 
-        <checkbox :checked.sync="item.completed"
-                  :disabled="disabled"
-                  class="input-group-prepend"
-                  :class="{'cursor-auto': disabled}"
-                  :id="`checklist-${item.id}`"/>
+        <checkbox
+          :id="`checklist-${item.id}`"
+          :checked.sync="item.completed"
+          :disabled="disabled"
+          class="input-group-prepend"
+          :class="{'cursor-auto': disabled}"
+        />
 
         <input
           v-model="item.text"
@@ -36,25 +41,28 @@
           :disabled="disabled"
         >
         <span
-          class="input-group-append"
           v-if="!disabled"
+          class="input-group-append"
           @click="removeChecklistItem($index)"
         >
-          <div v-once
-               class="svg-icon destroy-icon"
-               v-html="icons.destroy"
+          <div
+            v-once
+            class="svg-icon destroy-icon"
+            v-html="icons.destroy"
           >
           </div>
         </span>
       </div>
     </draggable>
     <div
-      class="inline-edit-input-group checklist-group input-group new-checklist"
       v-if="!disabled"
+      class="inline-edit-input-group checklist-group input-group new-checklist"
     >
-      <span class="input-group-prepend new-icon"
-            v-once
-            v-html="icons.positive">
+      <span
+        v-once
+        class="input-group-prepend new-icon"
+        v-html="icons.positive"
+      >
       </span>
 
       <input
@@ -82,11 +90,19 @@ import gripIcon from '@/assets/svg/grip.svg';
 import checkbox from '@/components/ui/checkbox';
 
 export default {
+  name: 'Checklist',
   components: {
     draggable,
     checkbox,
   },
-  name: 'checklist',
+  props: {
+    disabled: {
+      type: Boolean,
+    },
+    items: {
+      type: Array,
+    },
+  },
   data () {
     return {
       checklist: this.items,
@@ -100,14 +116,6 @@ export default {
       }),
     };
   },
-  props: {
-    disabled: {
-      type: Boolean,
-    },
-    items: {
-      type: Array,
-    },
-  },
   methods: {
     updateChecklist () {
       this.$emit('update:items', this.checklist);

website/client/src/components/tasks/taskModal.vue

@@ -34,14 +34,14 @@
             @click="submit()"
           >
             <div
-              class="m-auto"
               v-if="purpose === 'edit'"
+              class="m-auto"
             >
               {{ $t('save') }}
             </div>
             <div
-              class="m-auto"
               v-if="purpose === 'create'"
+              class="m-auto"
             >
               {{ $t('create') }}
             </div>
@@ -135,8 +135,8 @@
           <div
             class="habit-option-container no-transition
               d-flex flex-column justify-content-center align-items-center"
-            @click="toggleUpDirection()"
             :class="!task.up ? cssClass('habit-control-disabled') : ''"
+            @click="toggleUpDirection()"
           >
             <div
               class="habit-option-button no-transition
@@ -159,8 +159,8 @@
           <div
             class="habit-option-container no-transition
               d-flex flex-column justify-content-center align-items-center"
-            @click="toggleDownDirection()"
             :class="!task.down ? cssClass('habit-control-disabled') : ''"
+            @click="toggleDownDirection()"
           >
             <div
               class="habit-option-button no-transition

website/client/src/components/userMenu/profile.vue

@@ -1,10 +1,13 @@
 <template>
   <div
-     v-if="!user && userLoaded"
+    v-if="!user && userLoaded"
   >
     <error404 />
   </div>
-  <div class="profile" v-else-if="userLoaded">
+  <div
+    v-else-if="userLoaded"
+    class="profile"
+  >
     <div class="header">
       <span
         class="close-icon svg-icon inline icon-10"
@@ -42,9 +45,10 @@
           class="btn btn-secondary block-icon"
           @click="blockUser()"
         >
-          <div v-once
-               class="svg-icon block-icon"
-               v-html="icons.block"
+          <div
+            v-once
+            class="svg-icon block-icon"
+            v-html="icons.block"
           ></div>
         </button>
         <button