Issue:
[eslint]
[redacted]/components/Settings.vue
1:1 error Component name "Settings" should always be multi-word vue/multi-word-component-names
There is no file named Settings.vue!
❯ tree -I 'node_modules|public|assets'
.
├── README.md
├── babel.config.js
├── jsconfig.json
├── package.json
├── src
│ ├── App.vue
│ ├── components
│ │ ├── HomePage.vue
│ │ ├── SettingsPage.vue
│ │ └── TopBar.vue
│ ├── global.css
│ └── main.js
├── tailwind.config.js
├── vue.config.js
└── yarn.lock
The component called "SettingsPage" is not even related to Settings!
/* eslint-disable vue/multi-word-component-names */
<script>
import TopBar from "./TopBar.vue";
export default {
name: 'SettingsPage',
My EsLint configuration does not approve of you at all!
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/vue3-essential',
'eslint:recommended',
],
rules: {
// Other rules...
'vue/multi-word-component-names': 'off'
},
};
I even disabled the rule for you at the top of my file!
/* eslint-disable vue/multi-word-component-names */
I removed node_modules, reinstalled it, but it didn't resolve the issue.
Even clearing the yarn cache did not fix the problem.
My frustration levels are rising, as if JavaScript was a flawless language, Vue is enforcing this unnecessary rule! What can I do? What exactly does EsLint expect from me?