fix(types): should wrap the top level setup refs with ShallowReactive

packages/reactivity/src/index.ts

@@ -36,6 +36,7 @@ export {
   type Raw,
   type DeepReadonly,
   type ShallowReactive,
+  type IsShallowReactive,
   type UnwrapNestedRefs,
   type Reactive,
   type ReactiveMarker,

packages/reactivity/src/reactive.ts

@@ -107,6 +107,10 @@ export declare const ShallowReactiveMarker: unique symbol
 
 export type ShallowReactive<T> = T & { [ShallowReactiveMarker]?: true }
 
+export type IsShallowReactive<T> = T extends { [ShallowReactiveMarker]?: true }
+  ? true
+  : false
+
 /**
  * Shallow version of {@link reactive()}.
  *

packages/reactivity/src/ref.ts

@@ -8,6 +8,7 @@ import {
 import { Dep, getDepFromReactive } from './dep'
 import {
   type Builtin,
+  type ShallowReactive,
   type ShallowReactiveMarker,
   isProxy,
   isReactive,
@@ -489,10 +490,16 @@ export type ShallowUnwrapRef<T> = {
   [K in keyof T]: DistributeRef<T[K]>
 }
 
-type DistributeRef<T> = T extends Ref<infer V, unknown> ? V : T
+type DistributeRef<T> =
+  T extends Ref<infer V, unknown>
+    ? V extends object
+      ? ShallowReactive<V>
+      : V
+    : T
 
-export type UnwrapRef<T> =
-  T extends ShallowRef<infer V, unknown>
+export type UnwrapRef<T> = T extends undefined
+  ? T
+  : T extends ShallowRef<infer V, unknown>
     ? V
     : T extends Ref<infer V, unknown>
       ? UnwrapRefSimple<V>

packages/runtime-core/src/index.ts

@@ -210,6 +210,7 @@ export type {
   ReactiveFlags,
   DeepReadonly,
   ShallowReactive,
+  IsShallowReactive,
   UnwrapNestedRefs,
   ComputedRef,
   WritableComputedRef,