pageClass | sidebarDepth | title | description |
---|---|---|---|
rule-details |
0 |
vue/name-property-casing |
enforce specific casing for the name property in Vue components |
enforce specific casing for the name property in Vue components
- ⚙️ This rule is included in
"plugin:vue/strongly-recommended"
and"plugin:vue/recommended"
. - 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
This rule aims at enforcing the style for the name
property casing for consistency purposes.
<script>
/* ✓ GOOD */
export default {
name: 'MyComponent'
}
</script>
<script>
/* ✗ BAD */
export default {
name: 'my-component'
}
</script>
{
"vue/name-property-casing": ["error", "PascalCase" | "kebab-case"]
}
"PascalCase"
(default) ... Enforce thename
property to Pascal case."kebab-case"
... Enforce thename
property to kebab case.
<script>
/* ✓ GOOD */
export default {
name: 'my-component'
}
</script>
<script>
/* ✗ BAD */
export default {
name: 'MyComponent'
}
</script>