Miscellaneous lint fixes: move watch & mounted properties; apply automatic fixes (#12791)

* commit lint's automatic fixes

* move watch and mounted properties as advised in lint warnings

website/client/src/components/shops/market/filter.vue

@@ -1,37 +1,38 @@
 <template>
   <filter-sidebar>
     <filter-group>
-      <checkbox :checked.sync="viewOptionEntry.selected"
-                :id="`category-${viewOptionKey}`"
-                :key="viewOptionKey"
-                :text="viewOptionEntry.text"
-                v-for="(viewOptionEntry, viewOptionKey) in viewOptions"
+      <checkbox
+        v-for="(viewOptionEntry, viewOptionKey) in viewOptions"
+        :id="`category-${viewOptionKey}`"
+        :key="viewOptionKey"
+        :checked.sync="viewOptionEntry.selected"
+        :text="viewOptionEntry.text"
       />
     </filter-group>
     <div class="form-group clearfix">
       <h3
-          class="float-left"
-          v-once
+        v-once
+        class="float-left"
       >
         {{ $t('hideLocked') }}
       </h3>
       <toggle-switch
-          @change="$emit('update:hideLocked', $event)"
-          class="float-right"
-          v-model="lockedChecked"
+        v-model="lockedChecked"
+        class="float-right"
+        @change="$emit('update:hideLocked', $event)"
       />
     </div>
     <div class="form-group clearfix">
       <h3
-          class="float-left"
-          v-once
+        v-once
+        class="float-left"
       >
         {{ $t('hidePinned') }}
       </h3>
       <toggle-switch
-          @change="$emit('update:hidePinned', $event)"
-          class="float-right"
-          v-model="pinnedChecked"
+        v-model="pinnedChecked"
+        class="float-right"
+        @change="$emit('update:hidePinned', $event)"
       />
     </div>
   </filter-sidebar>

website/client/src/components/shops/quests/index.vue

@@ -123,12 +123,12 @@
         <div class="float-right">
           <span class="dropdown-label">{{ $t('sortBy') }}</span>
           <select-translated-array
-              :right="true"
-              :value="selectedSortItemsBy"
-              :items="sortItemsBy"
-              :inline-dropdown="false"
-              class="inline"
-              @select="selectedSortItemsBy = $event"
+            :right="true"
+            :value="selectedSortItemsBy"
+            :items="sortItemsBy"
+            :inline-dropdown="false"
+            class="inline"
+            @select="selectedSortItemsBy = $event"
           />
         </div>
       </div>

website/client/src/components/shops/timeTravelers/index.vue

@@ -74,12 +74,12 @@
         <div class="float-right">
           <span class="dropdown-label">{{ $t('sortBy') }}</span>
           <select-translated-array
-              :right="true"
-              :value="selectedSortItemsBy"
-              :items="sortItemsBy"
-              :inline-dropdown="false"
-              class="inline"
-              @select="selectedSortItemsBy = $event"
+            :right="true"
+            :value="selectedSortItemsBy"
+            :items="sortItemsBy"
+            :inline-dropdown="false"
+            class="inline"
+            @select="selectedSortItemsBy = $event"
           />
         </div>
       </div>