← Back

vue/match-component-file-name warning

Require component name property to match its file name

Examples

❌  Incorrect

<!-- file name: src/Incorrect.vue -->
<script>
  export default {
    name: 'my-component',
    template: '<div />'
  }
</script>

✅  Correct

<!-- file name: src/Correct.vue -->
<script>
  export default {
    name: 'correct',
    template: '<div />'
  }
</script>