fix: build dts error TS7056 (Tresjs#521)

Co-authored-by: Alvaro Saburido <[email protected]>

Author: 0x-jerry

src/core/controls/CameraControls.vue

@@ -14,7 +14,7 @@ import {
   Vector3,
   Vector4,
 } from 'three'
-import { computed, onUnmounted, ref, toRefs, watch, watchEffect } from 'vue'
+import { computed, onUnmounted, shallowRef, toRefs, watch, watchEffect } from 'vue'
 import type { TresControl } from '@tresjs/core'
 import type {
   Camera,
@@ -402,7 +402,7 @@ const touches = computed(() => getTouches(
   props.touches,
 ))
 
-const controlsRef = ref<TresControl & CameraControls | null>(null)
+const controlsRef = shallowRef<TresControl & CameraControls | null>(null)
 extend({ CameraControls })
 
 watchEffect(() => {

src/core/controls/MapControls.vue

@@ -2,7 +2,7 @@
 import { useLoop, useTresContext } from '@tresjs/core'
 import { useEventListener } from '@vueuse/core'
 import { MapControls } from 'three-stdlib'
-import { onUnmounted, ref, toRefs, watch } from 'vue'
+import { onUnmounted, shallowRef, toRefs, watch } from 'vue'
 import type { TresVector3 } from '@tresjs/core'
 import type { Camera } from 'three'
 
@@ -281,7 +281,7 @@ watch(props, () => {
   invalidate()
 })
 
-const controlsRef = ref<MapControls | null>(null)
+const controlsRef = shallowRef<MapControls | null>(null)
 
 extend({ MapControls })
 

src/core/controls/OrbitControls.vue

@@ -3,7 +3,7 @@ import { useLoop, useTresContext } from '@tresjs/core'
 import { useEventListener } from '@vueuse/core'
 import { TOUCH } from 'three'
 import { OrbitControls } from 'three-stdlib'
-import { onUnmounted, ref, toRefs, watch } from 'vue'
+import { onUnmounted, shallowRef, toRefs, watch } from 'vue'
 import type { TresVector3 } from '@tresjs/core'
 import type { Camera } from 'three'
 
@@ -282,7 +282,7 @@ const {
 
 const { camera: activeCamera, renderer, extend, controls, invalidate } = useTresContext()
 
-const controlsRef = ref<OrbitControls | null>(null)
+const controlsRef = shallowRef<OrbitControls | null>(null)
 
 extend({ OrbitControls })