chore: moved pointer move test to the correct playground scene

playground/src/components/TheEvents.vue

@@ -15,18 +15,27 @@ const state = reactive({
 
 function onClick(ev) {
   if (ev) {
+    console.log('click', ev)
     ev.object.material.color.set('#008080')
   }
 }
 
 function onPointerEnter(ev) {
   if (ev) {
+    console.log('enter', ev)
     ev.object.material.color.set('#DFFF45')
   }
 }
 
+function onPointerMove(ev) {
+  if (ev) {
+    console.log('move', ev)
+  }
+}
+
 function onPointerLeave(ev) {
   if (ev) {
+    console.log('leave', ev)
     /*  ev.object.material.color.set('#efefef') */
   }
 }
@@ -46,6 +55,7 @@ function onPointerLeave(ev) {
           @click="onClick"
           @pointer-enter="onPointerEnter"
           @pointer-leave="onPointerLeave"
+          @pointer-move="onPointerMove"
         >
           <TresBoxGeometry :args="[1, 1, 1]" />
           <TresMeshToonMaterial color="#efefef" />

playground/src/components/TheFirstScene.vue

@@ -1,22 +1,11 @@
 <script setup lang="ts">
 import { TresCanvas } from '/@/'
-
-const context = ref()
-
-watchEffect(() => {
-  console.log(context)
-})
-const toLog = (value:any) => {
-  console.log('click', value)
-}
 </script>
 
 <template>
   <TresCanvas ref="context" clear-color="#82DBC5" window-size>
     <TresPerspectiveCamera />
-    <TresMesh 
-    @pointer-move="(ev) => toLog(ev)"
-    >
+    <TresMesh>
       <TresTorusGeometry :args="[1, 0.5, 16, 32]" />
       <TresMeshBasicMaterial color="orange" />
     </TresMesh>

playground/src/pages/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts"></script>
 <template>
   <Suspense>
-    <TheFirstScene />
+    <TheEvents />
   </Suspense>
 </template>