Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-03-03 19:44:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

[autofix.ci] apply automated fixes

Browse Source
This commit is contained in:
autofix-ci[bot] 2024-06-15 05:53:03 +00:00 committed by GitHub
parent 0ab38fcd09
commit cf9a905993
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/nuxt/src/components/runtime/client-delayed-component.ts
View File

@ -1,5 +1,5 @@
import { createStaticVNode, createVNode, defineComponent, getCurrentInstance, h, onBeforeUnmount, onMounted, ref } from 'vue' import { createStaticVNode, createVNode, defineComponent, getCurrentInstance, h, onBeforeUnmount, onMounted, ref } from 'vue'
import type { Component, Ref, ComponentInternalInstance } from 'vue' import type { Component, ComponentInternalInstance, Ref } from 'vue'
// import ClientOnly from '#app/components/client-only' // import ClientOnly from '#app/components/client-only'
import { getFragmentHTML } from '#app/components/utils' import { getFragmentHTML } from '#app/components/utils'
import { useNuxtApp } from '#app/nuxt' import { useNuxtApp } from '#app/nuxt'
@ -109,7 +109,7 @@ export const createLazyEventClientPage = (componentLoader: Component) => {
events.forEach((event) => { events.forEach((event) => {
const handler = () => { const handler = () => {
isTriggered.value = true isTriggered.value = true
registeredEvents.forEach((remove) => remove()) registeredEvents.forEach(remove => remove())
eventsMapper.delete(instance) eventsMapper.delete(instance)
} }
instance.vnode.el?.addEventListener(event, handler) instance.vnode.el?.addEventListener(event, handler)
@ -118,10 +118,10 @@ export const createLazyEventClientPage = (componentLoader: Component) => {
eventsMapper.set(instance, registeredEvents) eventsMapper.set(instance, registeredEvents)
}) })
onBeforeUnmount(() => { onBeforeUnmount(() => {
registeredEvents?.forEach((remove) => remove()) registeredEvents?.forEach(remove => remove())
eventsMapper.delete(instance) eventsMapper.delete(instance)
}) })
return () => isTriggered.value ? h(componentLoader, attrs) : (instance.vnode.el && nuxt.isHydrating) ? createVNode(createStaticVNode(getFragmentHTML(instance.vnode.el ?? null, true)?.join('') || '', 1)) : null return () => isTriggered.value ? h(componentLoader, attrs) : (instance.vnode.el && nuxt.isHydrating) ? createVNode(createStaticVNode(getFragmentHTML(instance.vnode.el ?? null, true)?.join('') || '', 1)) : null
} },
}) })
} }

2
test/basic.test.ts
View File

@ -2676,7 +2676,7 @@ describe('lazy import components', () => {
expect(await page.locator('body').getByText('This shouldn\'t be visible at first with network!').all()).toHaveLength(1) expect(await page.locator('body').getByText('This shouldn\'t be visible at first with network!').all()).toHaveLength(1)
expect(await page.locator('body').getByText('This should be visible at first with viewport!').all()).toHaveLength(1) expect(await page.locator('body').getByText('This should be visible at first with viewport!').all()).toHaveLength(1)
expect(await page.locator('body').getByText('This should be visible at first with events!').all()).toHaveLength(1) expect(await page.locator('body').getByText('This should be visible at first with events!').all()).toHaveLength(1)
const component = await page.locator('#lazyevent'); const component = await page.locator('#lazyevent')
const rect = (await component.boundingBox())! const rect = (await component.boundingBox())!
await page.mouse.move(rect.x + rect.width / 2, rect.y + rect.height / 2) await page.mouse.move(rect.x + rect.width / 2, rect.y + rect.height / 2)
await page.waitForLoadState('networkidle') await page.waitForLoadState('networkidle')