fix(reactivity): the scheduler handles the computed final dirtylevel

packages/reactivity/__tests__/computed.spec.ts

@@ -1,3 +1,4 @@
+import { h, nextTick, nodeOps, render, serializeInner } from '@vue/runtime-test'
 import {
   type DebuggerEvent,
   ITERATE_KEY,
@@ -481,4 +482,25 @@ describe('reactivity/computed', () => {
     expect(provider.effect._dirtyLevel).toBe(DirtyLevels.Dirty)
     expect(provider.value).toBe('1foo')
   })
+
+  it('should be not dirty after deps mutate (mutate deps in computed)', async () => {
+    const state = reactive<any>({})
+    const consumer = computed(() => {
+      if (!('a' in state)) state.a = 1
+      return state.a
+    })
+    const Comp = {
+      setup: () => {
+        nextTick().then(() => {
+          state.a = 2
+        })
+        return () => consumer.value
+      },
+    }
+    const root = nodeOps.createElement('div')
+    render(h(Comp), root)
+    await nextTick()
+    await nextTick()
+    expect(serializeInner(root)).toBe(`2`)
+  })
 })

packages/reactivity/src/computed.ts

@@ -44,6 +44,11 @@ export class ComputedRefImpl<T> {
     this.effect = new ReactiveEffect(
       () => getter(this._value),
       () => triggerRefValue(this, DirtyLevels.MaybeDirty),
+      () => {
+        if (this.effect._dirtyLevel >= DirtyLevels.Dirty) {
+          triggerRefValue(this, DirtyLevels.MaybeDirty)
+        }
+      },
     )
     this.effect.computed = this
     this.effect.active = this._cacheable = !isSSR