Updates vue linter to recommended set and begins fixes.

.eslintrc.js

@@ -2,7 +2,7 @@ module.exports = {
     extends: [
         // add more generic rulesets here, such as:
         'eslint:recommended',
-        'plugin:vue/strongly-recommended'
+        'plugin:vue/recommended'
     ],
     parserOptions: {
         'ecmaVersion': 2017
@@ -16,6 +16,9 @@ module.exports = {
         'no-unused-vars': 'warn',
         'no-undef': 'warn',
         'vue/html-indent': 'off',
+        'vue/attributes-order': 'off',
+        'vue/order-in-components': 'off',
+        'vue/no-confusing-v-for-v-if': 'off',
         'vue/require-default-prop': 'off', // https://github.com/vuejs/eslint-plugin-vue/blob/master/docs/rules/require-default-prop.md
     },
     globals: {

package.json

@@ -44,7 +44,7 @@
     "terser-webpack-plugin": "^1.1.0",
     "vue-loader": "^15.4.2",
     "vue-template-compiler": "^2.5.22",
-    "webpack": "^4.22.0",
+    "webpack": "^4.41.5",
     "webpack-bundle-analyzer": "^3.3.2",
     "webpack-cli": "^3.1.2",
     "webpack-dev-server": ">=3.1.11"

src/views/admin/components/edition/collection-edition-form.vue

@@ -37,7 +37,7 @@
                         <form
                             class="form-hook-region" 
                             id="form-collection-begin-left"
-                            v-html="this.formHooks['collection']['begin-left'].join('')"/>
+                            v-html="formHooks['collection']['begin-left'].join('')"/>
                     </template>
 
                     <!-- Thumbnail -------------------------------- --> 

src/views/admin/components/search/advanced-search.vue

@@ -192,8 +192,8 @@
             <div v-show="!advancedSearchResults">
                 <div class="field is-grouped is-pulled-right">
                     <p
-                            v-if="Object.keys(this.advancedSearchQuery.taxquery).length > 0 ||
-                             Object.keys(this.advancedSearchQuery.metaquery).length > 0"
+                            v-if="Object.keys(advancedSearchQuery.taxquery).length > 0 ||
+                             Object.keys(advancedSearchQuery.metaquery).length > 0"
                             class="control">
                         <button
                                 @click="clearSearch"

src/views/roles/pages/role-edition-form.vue

@@ -1,7 +1,7 @@
 <template>
     <form @submit="onSubmit">
         <h1 
-                v-if="this.roleSlug !== 'new'"
+                v-if="roleSlug !== 'new'"
                 class="wp-heading-inline">
             {{ $route.meta.title }}&nbsp;<strong>{{ role.name ? role.name : '' }}</strong>
         </h1>
@@ -211,7 +211,7 @@
                         id="submit"
                         :disabled="!role.name || showNotice" 
                         class="button button-primary"
-                        :value="this.roleSlug === 'new' ? $i18n.get('Create Role') : $i18n.get('Save Changes')">
+                        :value="roleSlug === 'new' ? $i18n.get('Create Role') : $i18n.get('Save Changes')">
             </p>
         </div>
     </form>

src/views/theme-search/components/view-mode-slideshow.vue

@@ -225,7 +225,7 @@
                             </span>
                             <circular-counter 
                                     v-if="isPlaying"
-                                    :time="this.slideTimeout/1000" />
+                                    :time="slideTimeout/1000" />
                         </button>
                     </section>
                     <swiper