Vue SFC Structure

Rules for organizing Single File Components (SFC) consistently. These conventions improve readability and make components easier to navigate.

Individual Rules

• Template on the top
• Script setup with TypeScript
• Group script by logical concerns
• Multi-word component names

Source

• https://vuejs.org/guide/scaling-up/sfc.html
• https://vuejs.org/style-guide/