fix: manually triggering render ref on constructor params change

Tresjs · Aug 19, 2023 · d3014a4 · d3014a4
1 parent 4605fdf
commit d3014a4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/composables/useRenderer/index.ts b/src/composables/useRenderer/index.ts
@@ -1,6 +1,6 @@
 import { Color, WebGLRenderer } from 'three'
 import { rendererPresets, RendererPresetsType } from './const'
-import { shallowRef, watchEffect, onUnmounted, type MaybeRef, computed, watch, ShallowRef } from 'vue'
+import { shallowRef, watchEffect, onUnmounted, type MaybeRef, computed, watch, ShallowRef, triggerRef } from 'vue'
 import {
   toValue,
   unrefElement,
@@ -141,6 +141,7 @@ export function useRenderer(
   watch(webGLRendererConstructorParameters, () => {
     renderer.value.dispose()
     renderer.value = new WebGLRenderer(webGLRendererConstructorParameters.value)
+    triggerRef(renderer)
   })
 
   watchEffect(() => {