qa-practice-svelte

A viiibin practice repo. Bare Svelte 5 + Vite + TypeScript scaffold paired with a SPEC.md describing exactly what the agent should build.

Use it

1. Open viiibin → New Project → Import from GitHub
2. Paste: https://github.com/iii-Partners/qa-practice-svelte
3. Once the workspace loads, ask the agent: "Read SPEC.md and build it."
4. Watch the preview update with the implemented feature.

What you get

• Svelte 5 (runes mode) + Vite + TypeScript
• Dev server bound to 0.0.0.0:3000 (so viiibin's preview proxy finds it)
• A clean App.svelte placeholder — empty <main />, no demo content
• A standard SPEC.md with strict, parseable acceptance criteria

Need router/SSR? See qa-practice-sveltekit. This repo is the Vite-only Svelte SPA path.

Why "practice"?

This repo is part of viiibin's framework validation matrix (milestone M57). The same SPEC across nine framework variants — React, Next.js, Astro, Vue, Nuxt, Svelte/Kit, Remix, Angular — proves the platform handles each one end-to-end. The repos are also a clean starting point for anyone evaluating viiibin.

Local sanity check

npm install
npm run dev    # http://localhost:3000
npm run build  # → dist/

Framework notes

• The Vite-family prep path in viiibin's sandbox detects vite.config.ts and launches the dev server directly via npx vite --host 0.0.0.0 --port 3000, so the binding is reliable across SDK versions.
• Use Svelte 5's runes ($state, $derived, $effect) for reactive state. The agent should default to runes since this repo declares Svelte 5.

License

MIT — see LICENSE.