chore: added onTresReady to resume fbo and take over demo

playground/src/components/AnimatedObjectUseUpdate.vue

@@ -3,6 +3,7 @@
 import { type LoopCallbackWithCtx, useLoop } from '@tresjs/core'
 import { useControls } from '@tresjs/leches'
 import { useThrottleFn } from '@vueuse/core'
+import { onTresReady } from '../../../src'
 
 const sphereRef = ref()
 
@@ -39,13 +40,15 @@ const { unregister } = useControls({
   },
 })
 
-watchEffect(() => {
-  if (areUpdatesPaused.value) {
-    pause()
-  }
-  else {
-    resume()
-  }
+onTresReady(() => {
+  watchEffect(() => {
+    if (areUpdatesPaused.value) {
+      pause()
+    }
+    else {
+      resume()
+    }
+  })
 })
 
 watchEffect(() => {

playground/src/pages/advanced/takeOverRender/TakeOverRenderExperience.vue

@@ -6,9 +6,9 @@ import { useControls } from '@tresjs/leches'
 
 const { render, pauseRender, resumeRender } = useLoop()
 
-const { off } = render(({ renderer, scene, camera }) => {
+/* const { off } = render(({ renderer, scene, camera }) => {
   renderer.render(scene, camera)
-})
+}) */
 
 const { isRenderPaused } = useControls({
   isRenderPaused: {
@@ -52,6 +52,6 @@ setTimeout(() => {
   <TresPerspectiveCamera :position="[3, 3, 3]" />
   <OrbitControls make-default />
   <AnimatedObjectUseUpdate />
-  <TresGridHelper v-if="showGrid" />
+  <TresGridHelper />
   <TresAmbientLight :intensity="1" />
 </template>