VUE 3 как убрать эту ошибку?

Question

[Ddpl]

При создании нового компонента в папке Components возникает эта ошибка "Component name "Header" should always be multi-word vue/multi-word-component-names"

Answer 1

[Константин Б.]

Если компонент состоит из одного слова например Header то принято писать его TheHeader, TheFooter

Comments

[Антон Антон]

Тогда уж лучше отключить это правило.
Надо смысл придавать названиями, а не пытаться его обойти.
В конкретно этом случае можно, например, назвать LayoutHeader или SectionHeader или TableHeader в зависимости от того, где он будет применяться.

[Константин Б.]

Антон Антон,

Тогда уж лучше отключить это правило.

https://v2.vuejs.org/v2/style-guide/?redirect=true...

[Антон Антон]

Константин Б., оно не только в "настоятельно рекомендуемые", оно во все наборы правил vue входит (и в рекомендованные, и в основные). я в своем ответе написал, как отключить. Ну а в описании написано, что компоненты, которые используются один раз на странице, могут начитаться со слова The. В принципе, это по правилам английского языка (the man против a man), но рекомендовать это во всех случаях, когда в названии компонента одно слово - не верно. Нужно использовать The если нужно подчеркнуть исключительность использования компонента. При этом это могут быть и другие слова, которые помогают определить место и варианты использования компонента.

Answer 2

[Антон Антон]

Найти файл .eslintrc.js и добавить в

rules: { ...  'vue/multi-word-component-names': 'off', ... }

Но лучше придерживаться правил и дать компоненту имя из двух и более слов (например МойКомпонент.vue), это правило включено в базовый набор правил неспроста

Comments

[Ddpl]

где он хоть примерно находится?

[Антон Антон]

Ddpl, в корне проекта