diff --git a/packages/nuxt/src/components/runtime/client-io-component.ts b/packages/nuxt/src/components/runtime/client-io-component.ts index cb941d8aa..e8f07a47c 100644 --- a/packages/nuxt/src/components/runtime/client-io-component.ts +++ b/packages/nuxt/src/components/runtime/client-io-component.ts @@ -1,32 +1,32 @@ -import { ref, onMounted, onUnmounted, defineComponent } from 'vue'; +import { defineComponent, onMounted, onUnmounted, ref } from 'vue' export default defineComponent({ - setup(props, { emit }) { - const intersectionTarget = ref(null); - let observer = null; + setup (props, { emit }) { + const intersectionTarget = ref(null) + let observer = null const intersectionCallback = (entries) => { - entries.forEach(entry => { + entries.forEach((entry) => { if (entry.isIntersecting) { - emit('intersect'); - observer.unobserve(entry.target); + emit('intersect') + observer.unobserve(entry.target) } - }); - }; + }) + } onMounted(() => { - observer = new IntersectionObserver(intersectionCallback); - observer.observe(intersectionTarget.value); - }); + observer = new IntersectionObserver(intersectionCallback) + observer.observe(intersectionTarget.value) + }) onUnmounted(() => { if (observer) { - observer.disconnect(); + observer.disconnect() } - }); + }) return { intersectionTarget - }; + } } -}); +})