vue/multi-word-component-names also applies to pages directory

[nopeless]

Checklist

• I have tried restarting my IDE and the issue persists.
• I have read the FAQ and my problem is not listed.

Tell us about your environment

• ESLint version: 8.57.0
• eslint-plugin-vue version: 9.23.0
• Vue version: 3.4.21
• Node version: v20.11.1
• Operating System: win11 23h2

Please show your full configuration:

module.exports = {
  // ...
  parser: "vue-eslint-parser",
  parserOptions: {
    parser: "@typescript-eslint/parser",
  },
  extends: [
    // "@nuxt/eslint-config",
    // "plugin:prettier/recommended",
    "plugin:vue/vue3-recommended",
  ],
  // ...
};

What did you do?

// index.vue
<template>
  <h1>hi</h1>
</template>

1:1 error Component name "index" should always be multi-word vue/multi-word-component-names

This should not trigger

Repository to reproduce this issue

https://stackblitz.com/edit/nuxt-starter-fvsxuf?file=.eslintrc.cjs

[waynzh]

You mean in a Nuxt project, the pages directory should not be checked? You might want to refer to the nuxt/eslint config which disabled this rule.

Typically, this wouldn't be an issue as you can configure the ignores property to ignore certain component names in general project.

[FloEdelmann]

Note that the Nuxt config only disables the rule in certain directories using overrides, which you can also do manually in your project. So I'll close this as won't fix, because there already exists a method to disable this rule for certain directories.