name: inertia-vue-pages-and-layouts description: Enforce persistent app shell, Link navigation, and page composition patterns for Vue 3 + Inertia. metadata: tags: - inertia - vue - layout - pages
Inertia Vue Pages and Layouts
Purpose
Load this skill when generating page components and app-shell layout structure.
Rules
- rules/global/global-constraints.md
- rules/inertia-vue-pages-and-layouts/persistent-app-shell.md
- rules/inertia-vue-pages-and-layouts/link-navigation-and-head.md
- rules/inertia-vue-pages-and-layouts/layout-persistent.md
- rules/inertia-vue-pages-and-layouts/nav-link-component.md
- rules/inertia-vue-pages-and-layouts/nav-programmatic.md
- rules/inertia-vue-pages-and-layouts/nav-preserve-state.md
- rules/inertia-vue-pages-and-layouts/nav-replace-history.md
- rules/inertia-vue-pages-and-layouts/nav-external-links.md
- rules/inertia-vue-pages-and-layouts/page-component-structure.md
- rules/inertia-vue-pages-and-layouts/page-default-layout.md
- rules/inertia-vue-pages-and-layouts/page-head-management.md
- rules/inertia-vue-pages-and-layouts/page-partial-reloads.md
- rules/inertia-vue-pages-and-layouts/page-props-typing.md
- rules/inertia-vue-pages-and-layouts/page-scroll-preservation.md
Retrieval Guidance
Use this skill for layout slots, sidebar/header/content shell, Link usage, external vs internal links, programmatic navigation, title/meta handling, partial reload page updates, props typing, and scroll behavior.