Merge pull request #132 from Tresjs/Bugfix/useLegacyLights-needs-reactive

fix(core): watch `useLegacyLights`

packages/tres/src/components/TheExperience.vue

@@ -27,7 +27,7 @@ const state = reactive({
   clearColor: '#201919',
   shadows: true,
   alpha: false,
-  physicallyCorrectLights: true,
+  useLegacyLights: true,
   shadowMapType: BasicShadowMap,
   outputEncoding: sRGBEncoding,
   toneMapping: NoToneMapping,
@@ -44,8 +44,8 @@ pane.addInput(state, 'clearColor', {
 pane.addInput(state, 'shadows', {
   label: 'Shadows',
 })
-pane.addInput(state, 'physicallyCorrectLights', {
-  label: 'physicallyCorrectLights',
+pane.addInput(state, 'useLegacyLights', {
+  label: 'useLegacyLights',
 })
 
 pane

packages/tres/src/core/useRenderer/index.ts

@@ -238,7 +238,7 @@ export function useRenderer(canvas: MaybeElementRef, container: MaybeElementRef,
   watch([aspectRatio, pixelRatio], updateRendererSize)
 
   watch(
-    [shadows, shadowMapType, outputEncoding, physicallyCorrectLights, toneMapping, toneMappingExposure, clearColor],
+    [shadows, shadowMapType, outputEncoding, useLegacyLights, toneMapping, toneMappingExposure, clearColor],
     updateRendererOptions,
   )