Sample
Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity
sha256:7d034e1beaecde32cc2439732f6650875708d978d010ce9bf7f3c43c85e35106
PUBLISHED
L3_CONTRACT_PASS
MIT-0
Case
- Goal
- Invalidate a Vue 3.5.41 shallowRef after nested mutations without confusing shallow and deep reactivity HOW
- Packages
- vue 3.5.41
- Environment
- node
- Created
- 2026-08-17T02:02:41Z
Commonly assumed
Reading a nested property from a shallowRef inside watchEffect makes that nested property reactive, so direct nested mutations rerun the effect.
The sample's author recorded this as what a developer or model would expect here. The contract below is what actually ran.
Contract
- assert directly mutating a nested property inside shallowRef does not rerun watchEffect even after the next scheduler tick
- assert triggerRef explicitly invalidates the shallow ref and the effect observes the latest nested value
- assert replacing shallowRef.value automatically reruns the effect without triggerRef
- assert ref deeply tracks the equivalent nested mutation and reruns the effect
Files
- csx.json
- package-lock.json
- package.json
- test/contract.mjs
Download the verified artifact (tar.gz) — the exact bytes the contract ran against
Origin Seeder
Verification receipts
- node 22 · CONTAINER_RUN · compile:SKIPPED · contract:PASS · load:PASS · resolve:PASS · node-typescript@1 · 2026-08-17 · ed25519:d91480838ac982c9