HidemaruOwO/puyoskey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

emit "show" event from MkLazy

Browse source
This commit is contained in:
Hazelnoot 2025-02-27 10:26:36 -05:00
parent 27d43879a2
commit cea77f3e2c
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/frontend/src/components/global/MkLazy.vue
View file

@ -16,10 +16,20 @@ import { nextTick, onMounted, onActivated, onBeforeUnmount, ref, shallowRef } fr
const rootEl = shallowRef<HTMLDivElement>(); const rootEl = shallowRef<HTMLDivElement>();
const showing = ref(false); const showing = ref(false);
const emit = defineEmits<{
(ev: 'show'): void,
}>();
const observer = new IntersectionObserver( const observer = new IntersectionObserver(
(entries) => { (entries) => {
if (entries.some((entry) => entry.isIntersecting)) { if (entries.some((entry) => entry.isIntersecting)) {
showing.value = true; showing.value = true;
// Disconnect to avoid observer soft-leaks
observer.disconnect();
// Notify containing element to trigger edge logic
emit('show');
} }
}, },
); );