feat(resume): add ResumePreview container component (Story 2-2)

- Create app/components/resume/ResumePreview.vue with single-column layout
- Implement A4 container (210mm × 297mm) with 24px margins
- Add all resume sections: Header, Summary, Experience, Education, Additional Info
- Apply blue (#2563eb) and white color scheme with Inter typography
- Add print styles with .no-print class and break-inside-avoid
- Integrate useResumeData() composable for reactive data
- Update pages/resume.vue to use ResumePreview component

Closes Story 2-2
This commit is contained in:
mahdiarghyani
2025-12-01 11:22:16 +03:30
parent 171cac9101
commit 6541cfec16
4 changed files with 183 additions and 51 deletions
+3 -12
View File
@@ -15,18 +15,9 @@ useHead({
</script>
<template>
<div class="min-h-screen bg-white">
<!-- Placeholder for ResumePreview component (Story 2.2) -->
<div class="p-8 text-center">
<h1 class="text-2xl font-bold">Resume Preview Coming Soon</h1>
<p class="mt-4 text-gray-600">
This page will display the resume preview once Story 2.2 is complete.
</p>
<p v-if="isPrintMode" class="mt-2 text-sm text-blue-600">
Print Mode: Active
</p>
</div>
<div class="min-h-screen">
<ResumePreview />
<!-- Download button will be added in Story 2.5 -->
<!-- Hidden when isPrintMode is true -->
</div>