feat: on-demand sky

src/core/staging/Sky.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
 // eslint-disable-file vue/attribute-hyphenation
 import { MathUtils, Vector3 } from 'three'
-import { Sky as SkyImpl } from 'three/examples/jsm/objects/Sky'
+import { Sky as SkyImpl } from 'three-stdlib'
 import { computed, shallowRef } from 'vue'
+import { useOnDemandInvalidation } from '../../composables/useOnDemandInvalidation'
 
 export interface SkyProps {
   /**
@@ -46,6 +47,8 @@ const props = withDefaults(defineProps<SkyProps>(), {
   distance: 450000,
 })
 
+useOnDemandInvalidation(props)
+
 const skyRef = shallowRef<SkyImpl>()
 const skyImpl = new SkyImpl()
 const sunPosition = computed(() =>