# ESLint: error Component name "Home" should always be multi-word vue/multi-word-component-names

**Code:** `vue/multi-word-component-names` · **Category:** Vue · **Seen on:** Vue

ESLint's Vue rules require component names with at least two words to avoid clashing with HTML elements.

## Meaning

Rename (`HomeView`, `TheHeader`), or disable the rule for specific files (route views like `index.vue`) in `.eslintrc`: `"vue/multi-word-component-names": ["error", { ignores: ["index"] }]`. Vue CLI/Nuxt templates enable it by default.

## Common causes

- Single-word component filename (`Home.vue`, `Button.vue`)
- Pages/index files in Nuxt
- Linting in CI failing builds
- Rule from `plugin:vue/vue3-essential`
- Third-party components names

## Quick fix

1. Rename to multi-word names (`AppButton`)
2. Add `ignores` for page files
3. Disable the rule if your convention differs

## Detailed fix by platform

### JSON

1. `"rules": { "vue/multi-word-component-names": ["error", { "ignores": ["index", "default", "error"] }] }`

## How to diagnose

1. **Name** — Multi-word?
2. **Files** — Pages/index?
3. **Rule** — Needed?

---
Source: [WhatIsMyError](https://whatismyerror.com/errors/vue/vue-eslint-multi-word-component-names)