Настройка ESLint для чистого кода в проектах на Vue

[Jolli]

А можно как-то поставить настройку, которая будет проверять, чтобы в импорте были одинарные кавычки?

@importComponent from './Component', а не @import Component from "./Component"

[Ares_ekb]

Если речь об импорте в JS/TS коде, то можно так:

"quotes": ["error", "single", { "avoidEscape": true }]

[SimbirSoft_frontend]

Добрый день! Правило использования одинарных или двойных кавычек в ESLint:

quotes: [ERROR, 'single' ]

требует использования одинарных кавычек везде, где это возможно. Чтобы правило проверяло кавычки только в импортах, такого нет в ESLint, но можно использовать сторонний пакет npmjs, github.

[Madeas]

Насколько мне известно, v-for не рекомендуется использовать вместе с v-if. Линтет и это подчёркивает. Поправьте меня или пример с порядком в template.

[SimbirSoft_frontend]

Да, вы правы, v-for имеет более высокий приоритет, чем v-if, поэтому их не рекомендуется использовать вместе и ESLint будет выдавать ошибку. Но в данном случае мы говорим только о порядке атрибутов в секции template. Этот порядок определен, в статье об этом написано в самом первом пункте правила для секции <template>, там же приводится ссылка на документацию, где этот порядок задан. В примере приводятся все возможные варианты атрибутов и их порядок. Этот пример следует рассматривать как наглядное представление только этого правила, а не всех правил в совокупности.

[jiexaspb]

а разве в массаивах и объектах не рекомендуется добавлять всегда запятую после последнего элемента?

[SimbirSoft_frontend]

Если посмотреть на примеры кода из документации Vue или style-guide, то запятая после последнего элемента не ставится.