one-component-per-file.md

Pattern: More than one component per file

Issue: -

Description

This rule checks if there is only one component per file.

/* ✗ BAD */

Vue.component('TodoList', {
  // ...
})

Vue.component('TodoItem', {
  // ...
})

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

Further Reading

• eslint-plugin-vue - one-component-per-file
• Style guide - Component files