pyr0ball
ae6021ceeb
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)
10 lines
370 B
TypeScript
10 lines
370 B
TypeScript
import { defineConfig, presetWind, presetAttributify } from 'unocss'
|
|
|
|
export default defineConfig({
|
|
presets: [
|
|
presetWind(),
|
|
// prefixedOnly: avoids false-positive CSS for bare attribute names like "h2", "grid",
|
|
// "shadow" in source files. Use <div un-flex> not <div flex>. Gotcha #4.
|
|
presetAttributify({ prefix: 'un-', prefixedOnly: true }),
|
|
],
|
|
})
|