pageClass | sidebarDepth | title | description | since |
---|---|---|---|---|
rule-details |
0 |
vue/name-property-casing |
enforce specific casing for the name property in Vue components |
v3.8.0 |
enforce specific casing for the name property in Vue components
- 🚫 This rule was removed in eslint-plugin-vue v9.0.0 and replaced by vue/component-definition-name-casing 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>
This rule was introduced in eslint-plugin-vue v3.8.0