A Vue 3 + TypeScript + Vite app that renders language-specific markdown resumes as a styled, installable web page, with PDF export and offline support.
Live: https://macoaure.github.io/resume/
- Vue 3 + Vue Router — single resume route, content-driven
- Vite — dev server and build
- Tailwind CSS — layout, shell, and print styles
- vite-plugin-pwa — installable manifest, icons, offline service worker
resumes/
resume-{langCode}.md full content source, one file per language
resume-compact-{langCode}.md compact content source, optional per language
src/
pages/
index.ts resolves the active language file, parses markdown to HTML
index.vue renders the parsed resume
router/
index.ts single resume route
style.css Tailwind imports, resume shell, print styles
public/
favicon.svg, pwa-*.png, apple-touch-icon.png PWA icons
.github/workflows/
deploy.yml builds and deploys to GitHub Pages on push to main
- Add or edit a full resume by creating/updating
resumes/resume-{langCode}.md - Add or edit a compact resume by creating/updating
resumes/resume-compact-{langCode}.md - The web view switches language via the
?lang=query parameter, falling back topt-BR - Compact mode uses
?compact=1and falls back to the full file when a compact file is missing - Document title/description update to match the active language
- The navigation rail includes a PDF action that opens the browser print/save-as-PDF flow
npm install
npm run dev # dev server
npm run build # type-check + production build
npm run preview # preview the production build
Pushing to main triggers .github/workflows/deploy.yml, which builds the app and deploys dist/ to GitHub Pages. The build sets GITHUB_PAGES=true so Vite serves assets from the /resume/ subpath.