Essential session storage is required to sign in. Optional analytics remain off unless you allow them.
Build a to-do app as a Vue 3 Single-File Component using the Composition API with script setup (NOT the Options API). Hold the list in a ref, add items via a v-model-bound input, render them with v-for and a proper :key, toggle done with @click, and delete items. Show a remaining-count with a computed property and add all/active/done filtering (also computed). Use scoped styles. No direct DOM manipulation — drive everything through reactive state.
State in ref/reactive; v-for with :key; v-if/v-show and @event used idiomatically; UI updates purely from state changes.
The input is bound with v-model; adding/editing items works; no manual value/event wiring where v-model fits.
Remaining count and filtering are computed properties (cached, derived), not methods recomputed ad hoc.
script setup + Composition API; scoped styles; clean, readable SFC; no Options API.
Use this README structure to make the work reviewable.
DevPath fetches a read-only, size-capped snapshot. Submitted code is never executed.
# An interactive to-do app ## Goal Build a to-do app as a Vue 3 Single-File Component using the Composition API with script setup (NOT the Options API). Hold the list in a ref, add items via a v-model-bound input, render them with v-for and a proper :key, toggle done with @click, and delete items. Show a remaining-count with a computed property and add all/active/done filtering (also computed). Use scoped styles. No direct DOM manipulation — drive everything through reactive state. ## Acceptance criteria - [ ] Reactivity & directives: State in ref/reactive; v-for with :key; v-if/v-show and @event used idiomatically; UI updates purely from state changes. - [ ] v-model & forms: The input is bound with v-model; adding/editing items works; no manual value/event wiring where v-model fits. - [ ] Computed: Remaining count and filtering are computed properties (cached, derived), not methods recomputed ad hoc. - [ ] Quality: script setup + Composition API; scoped styles; clean, readable SFC; no Options API. ## Verification - [ ] Document installation and run commands. - [ ] Record automated checks and their exact commands. - [ ] Add representative output, screenshots, or a short demo where useful. - [ ] Confirm failure paths and known constraints. ## Decision log ### Decision title - Context: - Choice: - Alternatives considered: - Tradeoffs: ## Evidence - Link each rubric criterion to the file, test, or artifact that demonstrates it. ## Known limitations - List what is intentionally out of scope and what should be improved next.