improve pattern mouse follow

This commit is contained in:
VDawg 2023-11-14 11:04:47 +01:00
parent cfbacc3356
commit bddb1f1887
2 changed files with 10 additions and 3 deletions

View file

@ -14,5 +14,6 @@ module.exports = {
rules: {
'no-unused-vars': ['off', { varsIgnorePattern: '.*' }],
'svelte/no-at-html-tags': 'off'
}
},
globals: { globalThis: true }
}

View file

@ -60,6 +60,12 @@
hasJustMounted = false
})
$: {
if (!$isMouseOver$) {
globalThis.document?.removeEventListener('mousemove', track)
}
}
function resizeGradient() {
if (hasJustMounted || !isMouseOver$) return
@ -69,7 +75,7 @@
function startTrackingMouse() {
if ($isMouseOver$) return
document.addEventListener('mousemove', track)
globalThis.document?.addEventListener('mousemove', track)
}
function track({ clientX, clientY }) {
@ -77,7 +83,7 @@
}
onDestroy(() => {
document.removeEventListener('mousemove', track)
globalThis.document?.removeEventListener('mousemove', track)
})
</script>