refactor(computedInject): rename ctx param to oldValue (#4829)

cszhjh · web-flow · commit f8bd93253c1b · 2025-06-23T10:01:33.000+09:00
diff --git a/packages/core/computedInject/index.test.ts b/packages/core/computedInject/index.test.ts
@@ -23,4 +23,24 @@ describe('computedInject', () => {
       expect(anotherComputedNum.value).toBe(11)
     })
   })
+
+  it('should pass oldValue to computed getter', () => {
+    useInjectedSetup(() => {
+      const curValue = shallowRef(0)
+      const oldValue = shallowRef()
+
+      const computedNum = computedInject(Key, (source, previous) => {
+        oldValue.value = previous
+        return curValue.value + (source?.value ?? 0)
+      })
+
+      expect(computedNum.value).toBe(1)
+      expect(oldValue.value).toBeUndefined()
+
+      curValue.value = 1
+
+      expect(computedNum.value).toBe(2)
+      expect(oldValue.value).toBe(1)
+    })
+  })
 })
diff --git a/packages/core/computedInject/index.ts b/packages/core/computedInject/index.ts
@@ -1,8 +1,8 @@
 import type { ComputedRef, InjectionKey } from 'vue'
 import { computed, inject } from 'vue'
 
-export type ComputedInjectGetter<T, K> = (source: T | undefined, ctx?: any) => K
-export type ComputedInjectGetterWithDefault<T, K> = (source: T, ctx?: any) => K
+export type ComputedInjectGetter<T, K> = (source: T | undefined, oldValue?: K) => K
+export type ComputedInjectGetterWithDefault<T, K> = (source: T, oldValue?: K) => K
 export type ComputedInjectSetter<T> = (v: T) => void
 
 export interface WritableComputedInjectOptions<T, K> {
@@ -48,11 +48,11 @@ export function computedInject<T, K = any>(
     source = inject(key, defaultSource, treatDefaultAsFactory) as T
 
   if (typeof options === 'function') {
-    return computed(ctx => options(source, ctx))
+    return computed(oldValue => options(source, oldValue as K | undefined))
   }
   else {
     return computed({
-      get: ctx => options.get(source, ctx),
+      get: oldValue => options.get(source, oldValue as K | undefined),
       set: options.set,
     })
   }
