Conventions

Conventions over configuration. The compiler reads your filenames and destructure patterns and generates the wiring you'd otherwise type by hand.

Components

• Filename = kebab tag. src/components/my-counter.jsx registers . The shorthand defineComponent((props) => …) infers the tag from the filename — you don't pass a string.
• Defaults from destructuring. ({ count = 0, label = 'x' }) makes count and label observed attributes; the compiler injects a defaults object and infers types from the default values (number, boolean, string, array, object).
• Co-located CSS. A sibling .css file with the same stem is auto-imported as a constructible CSSStyleSheet and attached via adoptedStyleSheets.
• Hoisted styles. Static