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

vue/name-property-casing

enforce specific casing for the name property in Vue components

⚠️ This rule was deprecated and replaced by vue/component-definition-name-casing rule.
🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

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"]
}

<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