require-direct-export.md

Pattern: Missing direct export for component object

Issue: -

Description

This rule aims to require that the component object be directly exported.

<script>
/* ✓ GOOD */
export default {
  name: 'ComponentA',
  data() {
    return {
      state: 1
    }
  }
}
</script>

<script>
const ComponentA = {
  name: 'ComponentA',
  data() {
    return {
      state: 1
    }
  }
}

/* ✗ BAD */
export default ComponentA
</script>

Further Reading

• eslint-plugin-vue - require-direct-export