I want Eslint to format my main keys like computed, methods etc. in order that @babel/eslint-parser wants. Everything works perfect until I want to descturcture mapActions object to methods or any other object from vuex. When I add mapActions eslint cannot sort keys in correct order but only shows an error.
methods: {
...mapActions('store', ['action']),
},
computed: {
...someProperties,
},
When I have mapActions in methods eslint will show me an error (depending on rules) but it will not reorder the keys.
This example works:
methods: {
...someMethods,
},
computed: {
...someProperties,
},
And computed object will be moved before methods as it should be.
Eslint config
module.exports = {
root: true,
env: {
node: true,
jest: true,
},
extends: ['@nuxtjs', 'plugin:nuxt/recommended', 'prettier'],
plugins: [],
parserOptions: {
parser: '@babel/eslint-parser',
requireConfigFile: false,
},
rules: {},
};
package.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"
}