Quiero que Eslint formatee mis claves principales como computed , methods , etc. para que @babel/eslint-parser quiera. Todo funciona perfecto hasta que quiero desestructurar el objeto mapActions a métodos o cualquier otro objeto de vuex . Cuando agrego mapActions , eslint no puede ordenar las claves en el orden correcto, pero solo muestra un error.
methods: { ...mapActions('store', ['action']), }, computed: { ...someProperties, }, Cuando tengo mapActions en los métodos eslint me mostrará un error (dependiendo de las reglas) pero no reordenará las claves.
Este ejemplo funciona:
methods: { ...someMethods, }, computed: { ...someProperties, },Y el objeto calculado se moverá antes que los métodos como debería ser.
Configuración de Eslint
module.exports = { root: true, env: { node: true, jest: true, }, extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'], plugins: [], parserOptions: { parser: '@babel/eslint-parser', requireConfigFile: false, }, rules: {}, };paquete.json
"dependencies": { "core-js": "^3.15.1", "nuxt": "^2.15.7" }, "devDependencies": { "@babel/eslint-parser": "^7.14.7", "@nuxtjs/eslint-config": "^6.0.1", "@nuxtjs/eslint-module": "^3.0.2", "eslint": "^7.29.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-nuxt": "^2.0.0", "eslint-plugin-vue": "^7.12.1", "prettier": "^2.3.2", "vuex": "^3.6.2" }