perf(theme): cleanup home hero effect when unmounted

2025-10-31 18:08:15 +08:00 · 2025-10-31 18:08:15 +08:00 · 802911c179
commit 802911c179
parent 192017b892
3 changed files with 9 additions and 0 deletions
--- a/theme/src/client/components/background/Beams.vue
+++ b/theme/src/client/components/background/Beams.vue
@ -448,6 +448,12 @@ onMounted(() => {

 onUnmounted(() => {
  cleanup()
+  renderer = null
+  scene = null
+  camera = null
+  beamMesh = null
+  directionalLight = null
+  ambientLight = null
 })
 </script>

--- a/theme/src/client/components/background/DotGrid.vue
+++ b/theme/src/client/components/background/DotGrid.vue
@ -288,6 +288,7 @@ onUnmounted(() => {

  if (resizeObserver) {
    resizeObserver.disconnect()
+    resizeObserver = null
  }
  else {
    window.removeEventListener('resize', buildGrid)
--- a/theme/src/client/components/background/Lightning.vue
+++ b/theme/src/client/components/background/Lightning.vue
@ -254,6 +254,8 @@ onUnmounted(() => {
  if (animationId) {
    cancelAnimationFrame(animationId)
  }
+  gl = null
+  program = null
 })

 watch(