fix(reactiveComputed): unwrap reactive type

packages/shared/reactiveComputed/index.test.ts

@@ -1,5 +1,5 @@
 import { isVue2, nextTick, ref, watch, watchEffect } from 'vue-demi'
-import { describe, expect, it } from 'vitest'
+import { describe, expect, expectTypeOf, it } from 'vitest'
 import { reactiveComputed } from '.'
 
 describe('reactiveComputed', () => {
@@ -8,9 +8,10 @@ describe('reactiveComputed', () => {
 
     const state = reactiveComputed(() => {
       return {
-        count: count.value,
+        count,
       }
     })
+    expectTypeOf(state).toEqualTypeOf<{ count: number }>()
 
     expect(state.count).toBe(0)
 

packages/shared/reactiveComputed/index.ts

@@ -1,9 +1,10 @@
+import type { UnwrapNestedRefs } from 'vue-demi'
 import { computed } from 'vue-demi'
 import { toReactive } from '../toReactive'
 
 /**
  * Computed reactive object.
  */
-export function reactiveComputed<T extends object>(fn: () => T): T {
+export function reactiveComputed<T extends object>(fn: () => T): UnwrapNestedRefs<T> {
   return toReactive(computed(fn))
 }

packages/shared/toReactive/index.ts

@@ -1,5 +1,5 @@
 // eslint-disable-next-line no-restricted-imports
-import { isRef, reactive, unref } from 'vue-demi'
+import { type UnwrapNestedRefs, isRef, reactive, unref } from 'vue-demi'
 import type { MaybeRef } from '../utils'
 
 /**
@@ -10,9 +10,9 @@ import type { MaybeRef } from '../utils'
  */
 export function toReactive<T extends object>(
   objectRef: MaybeRef<T>,
-): T {
+): UnwrapNestedRefs<T> {
   if (!isRef(objectRef))
-    return reactive(objectRef) as T
+    return reactive(objectRef)
 
   const proxy = new Proxy({}, {
     get(_, p, receiver) {
@@ -42,5 +42,5 @@ export function toReactive<T extends object>(
     },
   })
 
-  return reactive(proxy) as T
+  return reactive(proxy) as UnwrapNestedRefs<T>
 }