Add AppHeader and AppFooter to give the site a consistent chrome around the core page content. Add ComposePage stub reachable via "Skicka ett brev till ägaren" CTA on HomePage after vehicle lookup succeeds. Add stub pages for about, contact, and privacy. - Create AppHeader.vue with logo link (BilHälsning) and Hem nav link - Create AppFooter.vue with 4 links: Om oss, Kontakt, Integritetspolicy, Villkor - Create ComposePage.vue stub that reads plate from route query params - Create AboutPage.vue and ContactPage.vue stub pages - Add 4 new routes: /compose, /om, /kontakt, /integritetspolicy - Update App.vue to render AppHeader + <main> + AppFooter around RouterView - Add home__cta RouterLink button to HomePage, visible only when vehicle lookup succeeds, linking to /compose?plate=<plate> - Remove BilHälsning h1 from HomePage (moved to header) - Add 17 new tests: AppHeader (2), AppFooter (1), ComposePage (3), AboutPage (1), ContactPage (1), HomePage rewrite (6), App update (2) - Update App.spec.ts to verify header/footer components render |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| .prettierrc | ||
| eslint.config.ts | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
Vue 3 + TypeScript + Vite
This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about the recommended Project Setup and IDE Support in the Vue Docs TypeScript Guide.