Joakim Mörling
4c6094446b
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
19 lines
357 B
Vue
19 lines
357 B
Vue
<script setup lang="ts">
|
|
import { RouterView } from 'vue-router'
|
|
import AppHeader from '@/components/AppHeader.vue'
|
|
import AppFooter from '@/components/AppFooter.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<AppHeader />
|
|
<main class="app__main">
|
|
<RouterView />
|
|
</main>
|
|
<AppFooter />
|
|
</template>
|
|
|
|
<style>
|
|
.app__main {
|
|
min-height: calc(100vh - 12rem);
|
|
}
|
|
</style>
|