Skip to content

Latest commit

 

History

History
36 lines (26 loc) · 1.43 KB

File metadata and controls

36 lines (26 loc) · 1.43 KB

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.