Views

Horn supports three page authoring styles out of the box:

• Vue single-file components
• JSX / TSX
• render functions with h()

Document shell

app/app.vue is always the document shell. It must render:

• html
• head
• body

That shell is what Horn server-renders and hydrates.

Route views

Route views live under app/pages/**:

• layout.* for nested layout nodes
• page.* for page components
• error.* for route-local error boundaries
• loading.* for client navigation loading UI

Mixed view styles

You can mix styles in one app:

• / can be a render-function page
• /jsx can be a TSX page
• /sfc can be a Vue SFC page

Horn treats them the same at routing and SSR time.