LumiCV – Vue Resume to PDF Generator

LumiCV is a small template project that renders a single–page resume with Vue 3 and exports it to a print‑ready A4 PDF using Puppeteer.
It is designed as a starting point: you can customize the Vue components, texts, and styles to match your own resume or other single‑page layouts, then generate a high‑quality PDF.

📖 中文版 | English

Hero

Features

  • Vue 3 + Vite: Simple SPA that renders a resume‑style A4 layout.
  • Print‑ready A4 design: Uses CSS @page and fixed content width for predictable PDF output.
  • Puppeteer automation: A script starts a Vite dev server, opens the page in headless Chrome, and saves an A4 PDF.

Getting Started

1. Install dependencies

pnpm install
# or
npm install
# or
yarn install

Then install the browser used by Puppeteer (once per environment):

npx puppeteer browsers install chrome

2. Run the dev server

pnpm dev
# or: npm run dev / yarn dev

Open the printed page preview in your browser (default Vite port is 5173) and edit the content in src/App.vue and the small components under src/components.

3. Generate the PDF

This project uses a small Node script with Puppeteer to generate the PDF.

pnpm pdf
# or: npm run pdf / yarn pdf

The script will:

  1. Start a Vite dev server using your local vite.config.ts.
  2. Open the app in a headless Chromium instance.
  3. Render the page at an A4‑friendly viewport.
  4. Export a PDF to temp/output.pdf.

Requirements

  • Node.js 18+ (recommended for Puppeteer)
  • A package manager such as pnpm, npm, or yarn

Puppeteer will download a compatible Chromium binary on first install unless configured otherwise.

License

This project is open‑sourced under the MIT License.
See the LICENSE file in this repository for full license text.