Browse Source

fix: add raycaster to state

alvarosabu 1 year ago
parent
commit
7b350c3085
1 changed files with 3 additions and 1 deletions
  1. 3 1
      src/composables/useRaycaster/index.ts

+ 3 - 1
src/composables/useRaycaster/index.ts

@@ -15,7 +15,7 @@ interface PointerClickEventPayload {
 }
 
 export const useRaycaster = (objects: Ref<THREE.Object3D[]>) => {
-  const { state } = useTres()
+  const { state, setState } = useTres()
 
   const canvas = computed(() => state.canvas?.value) // having a seperate computed makes useElementBounding work
 
@@ -25,6 +25,8 @@ export const useRaycaster = (objects: Ref<THREE.Object3D[]>) => {
 
   const raycaster = new Raycaster()
 
+  setState('raycaster', raycaster)
+
   const getRelativePointerPosition = ({ x, y }: { x: number; y: number }) => {
     if (!canvas.value) return