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)
18 lines
387 B
Vue
18 lines
387 B
Vue
<template>
|
|
<div class="view-placeholder">
|
|
<h1>SurveyView</h1>
|
|
<p class="placeholder-note">Vue port in progress — Streamlit equivalent at app/pages/</p>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.view-placeholder {
|
|
padding: var(--space-8);
|
|
max-width: 60ch;
|
|
}
|
|
.placeholder-note {
|
|
color: var(--color-text-muted);
|
|
font-size: 0.875rem;
|
|
margin-top: var(--space-2);
|
|
}
|
|
</style>
|