Sets up web/ Vue 3 SPA skeleton for issue #8, synthesizing all 15 gotchas from avocet's Vue port testbed. Key fixes baked in before any component work: - App.vue root uses .app-root class (not id="app") — gotcha #1 - overflow-x: clip on html (not hidden) — gotcha #3 - UnoCSS presetAttributify with prefixedOnly: true — gotcha #4 - peregrine.css alias map for theme variable names — gotcha #5 - useHaptics guards navigator.vibrate — gotcha #9 - Pinia setup store pattern documented — gotcha #10 - test-setup.ts stubs matchMedia, vibrate, ResizeObserver — gotcha #12 - min-height: 100dvh throughout — gotcha #13 Includes: - All 7 Peregrine views as stubs (ready to port from Streamlit) - AppNav with all routes - useApi (fetch + SSE), useMotion, useHaptics, useEasterEgg composables - Konami hacker mode easter egg + confetti + cursor trail - docs/vue-spa-migration.md: full migration guide + implementation order - Build verified clean (0 errors) - .gitleaks.toml: allowlist web/package-lock.json (sha512 integrity hashes)
38 lines
967 B
JSON
38 lines
967 B
JSON
{
|
|
"name": "peregrine-web",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vue-tsc && vite build",
|
|
"preview": "vite preview",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest"
|
|
},
|
|
"dependencies": {
|
|
"@fontsource/atkinson-hyperlegible": "^5.2.8",
|
|
"@fontsource/fraunces": "^5.2.9",
|
|
"@fontsource/jetbrains-mono": "^5.2.8",
|
|
"@vueuse/core": "^14.2.1",
|
|
"@vueuse/integrations": "^14.2.1",
|
|
"animejs": "^4.3.6",
|
|
"pinia": "^3.0.4",
|
|
"vue": "^3.5.25",
|
|
"vue-router": "^5.0.3"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^24.10.1",
|
|
"@unocss/preset-attributify": "^66.6.4",
|
|
"@unocss/preset-wind": "^66.6.4",
|
|
"@vitejs/plugin-vue": "^6.0.2",
|
|
"@vue/test-utils": "^2.4.6",
|
|
"@vue/tsconfig": "^0.8.1",
|
|
"jsdom": "^28.1.0",
|
|
"typescript": "~5.9.3",
|
|
"unocss": "^66.6.4",
|
|
"vite": "^7.3.1",
|
|
"vitest": "^4.0.18",
|
|
"vue-tsc": "^3.1.5"
|
|
}
|
|
}
|