Как настроить prettier и eslint для Vue компонентов?

Доброго утра.
Есть проект, на нем Eslint, который подтягивает за собой и Prettier. Хочу, чтобы Prettier \ Eslint поддерживали следующую структуру:
import { SomethingMinor } from '@vendor/library`;

export default {
    components: {
         SomethingMinor.
    }
}

За отображение данных в фигурных скобках отвечает, в частности, правило `object-property-newline`. Его сделал таким:
'object-property-newline': [
      'error',
      { allowAllPropertiesOnSameLine: false },
    ],

Целью является: сохранить возможность импорта всяких штук в одну строчку, НО при этом убрать возможность подобных нотаций везде, кроме импорта. Однако я столкнулся с тем, что так не получается. Либо я получаю конструкции следующего вида везде:
import {
    Something
} from 'something';

Либо я получаю красивый однострочный импорт, но при этом получаю такое (до максимальной длины строки в 80 символов, далее все-таки происходит форматирование):
components: { ComponentA, Component B },
...mapState('some', { 'foo': 'bar', 'bar': 'baz' }

Вопрос: как сделать так, чтобы был однострочный импорт, но при этом полный запрет на однострочную нотацию массивов \ объектов в самом коде?

Заранее спасибо.
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы