Skip to content

Files

Latest commit

 

History

History
76 lines (55 loc) · 1.31 KB

name-property-casing.md

File metadata and controls

76 lines (55 loc) · 1.31 KB

Pattern: Invalid casing for property name

Issue: -

Description

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>

Options

{
  "vue/name-property-casing": ["error", "PascalCase" | "kebab-case"]
}
  • "PascalCase" (default) ... Enforce the name property to Pascal case.
  • "kebab-case" ... Enforce the name property to kebab case.

"kebab-case"

<script>
  /* ✓ GOOD */
  export default {
    name: 'my-component'
  }
</script>
<script>
  /* ✗ BAD */
  export default {
    name: 'MyComponent'
  }
</script>

Further Reading