2
2.1
Create Resume Page Route
ready-for-dev
2025-11-30
BMAD Story Context Workflow
docs/sprint-artifacts/2-1-create-resume-page-route.md
user
to access my resume at `/resume`
I can view it before downloading
- Create resume page route (AC: #1, #2)
- Configure page metadata (AC: #4, #5)
- Implement print mode detection (AC: #6)
- Add placeholder content (AC: #1)
- Test page functionality
Given I navigate to `/resume`, when the page loads, then I see the resume preview
The page is standalone (no site header/footer)
The page has a white background
The page title is "Resume - Ali Arghyani"
Meta tags are set for SEO (noindex for privacy)
Given I add `?print=true` query parameter, when the page loads, then the download button is hidden (for PDF generation)
docs/architecture.md
Resume Export Feature - Architecture Document
Novel Pattern: WYSIWYG PDF Export
Single component renders both web preview and PDF source. Query Parameter: `?print=true` hides download button in PDF.
docs/architecture.md
Resume Export Feature - Architecture Document
File: `app/pages/resume.vue` - /resume route (standalone page)
docs/sprint-artifacts/tech-spec-epic-2.md
Epic Technical Specification: Resume Preview Page
AC1: Standalone Resume Route
Page is standalone (no site header/footer), page title is "Resume - Ali Arghyani", meta tag `` is present
- Use `definePageMeta({ layout: false })` for standalone page
- Use `useHead()` or `useSeoMeta()` for metadata
- Use `useRoute().query.print` for print mode detection
- File location must be `app/pages/resume.vue` (Nuxt file-based routing)
- White background: `bg-white` class
useRoute
Nuxt composable
const route = useRoute(); const isPrintMode = computed(() => route.query.print === 'true')
nuxt/app
useHead
Nuxt composable
useHead({ title: string, meta: Array<{ name: string, content: string }> })
nuxt/app
Nuxt 4 testing with Vitest. Test page routing, metadata, and print mode detection.
tests/, app/**/*.spec.ts
Navigate to /resume and verify page renders
Check that no layout is applied (standalone)
Verify page title in document.title
Check for noindex meta tag in DOM
Test with ?print=true parameter and verify isPrintMode is true