VueCLI 3 - Эслинт Преттиер

Question

У меня есть проблемы с этой конфигурацией проекта Vue. Я использую красивее и eslint, но файлы не получают формат, как они должны.

Я использую VS Code в качестве редактора кода, и при сохранении у меня установлена ​​более красивая система форматирования.

Пример кода:

    async fetchGenres({ commit }) {
        try {
            const response = await Vue.axios.get('/api/genres.json/', {
                headers: { Authorization: '' }
            })
            commit('SET_GENRES', response.data)
        } catch (err) {
            handleRouteError({ err, showReportDialog: false })
        }
    },

Всегда форматируется так:

    async fetchGenres({
        commit
    }) {
        try {
            const response = await Vue.axios.get('/api/genres.json/', {
                headers: {
                    Authorization: ''
                }
            })
            commit('SET_GENRES', response.data)
        } catch (err) {
            handleRouteError({
                err,
                showReportDialog: false
            })
        }
    },

Я также заметил, что в случае, если в коде есть точки с запятой, они не удаляются, что не является желаемым поведением. Форматирование также должно избавить от точки с запятой.

babel.config.js

module.exports = {
    presets: ['@vue/app']
}

.eslintrc.js

module.exports = {
    root: true,
    env: {
        browser: true,
        node: true
    },
    plugins: ['vue', 'prettier'],
    extends: ['plugin:vue/essential', '@vue/prettier'],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
    },
    parserOptions: {
        parser: 'babel-eslint'
    }
}

.prettierrc

{
    "printWidth": 160,
    "tabWidth": 4,
    "singleQuote": true,
    "semi": false,
    "trailingComma": "none",
    "bracketSpacing": true
}

Похоже как