Portfolio on Nuxt 3

This project is now powered by Nuxt 3 and uses Vue 3 + TypeScript to render an interactive WebGPU hero section.

Getting started

npm install
npm run dev

The development server is exposed on http://localhost:3000 by default.

Available scripts

• npm run dev — start Nuxt in development mode.
• npm run build — build the application for production.
• npm run preview — preview the production build locally.
• npm run typecheck — run TypeScript type checking via Nuxt.
• npm run lint / npm run lint:fix — lint the codebase with ESLint.
• npm run format — format the project using Prettier.
• npm run test — execute the Vitest unit test suite.
• npm run e2e — launch Playwright end-to-end tests (requires browsers installed).

Project structure

• app.vue — Nuxt application shell that renders the current page.
• pages/ — route components, including the main portfolio landing page.
• components/ — Vue components such as the WebGPU canvas renderer.
• utils/ — framework-agnostic utilities (e.g., WebGPU renderer helpers).
• assets/ — global styles loaded through Nuxt configuration.
• tests/ — Vitest test suites powered by @testing-library/vue.

Notes

Nuxt handles auto-imports for components and composables during runtime. In unit tests we register components manually to keep rendering deterministic outside of Nuxt's runtime.