Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-03-03 13:04:28 +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

10
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 type { Component, Ref, ComponentInternalInstance } from 'vue'
import type { Component, ComponentInternalInstance, Ref } from 'vue'
// import ClientOnly from '#app/components/client-only'
import { getFragmentHTML } from '#app/components/utils'
import { useNuxtApp } from '#app/nuxt'
@ -90,7 +90,7 @@ export const createLazyNetworkClientPage = (componentLoader: Component) => {
})
}
const eventsMapper = new WeakMap<ComponentInternalInstance,(() => void)[]>()
const eventsMapper = new WeakMap<ComponentInternalInstance, (() => void)[]>()
/* @__NO_SIDE_EFFECTS__ */
export const createLazyEventClientPage = (componentLoader: Component) => {
return defineComponent({
@ -109,7 +109,7 @@ export const createLazyEventClientPage = (componentLoader: Component) => {
events.forEach((event) => {
const handler = () => {
isTriggered.value = true
registeredEvents.forEach((remove) => remove())
registeredEvents.forEach(remove => remove())
eventsMapper.delete(instance)
}
instance.vnode.el?.addEventListener(event, handler)
@ -118,10 +118,10 @@ export const createLazyEventClientPage = (componentLoader: Component) => {
eventsMapper.set(instance, registeredEvents)
})
onBeforeUnmount(() => {
registeredEvents?.forEach((remove) => remove())
registeredEvents?.forEach(remove => remove())
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
}
},
})
}

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 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)
const component = await page.locator('#lazyevent');
const component = await page.locator('#lazyevent')
const rect = (await component.boundingBox())!
await page.mouse.move(rect.x + rect.width / 2, rect.y + rect.height / 2)
await page.waitForLoadState('networkidle')

2
test/fixtures/basic/pages/lazy-import-components/index.vue vendored
View File

@ -3,7 +3,7 @@
<LazyNCompAll message="lazy-named-comp-all" />
<LazyNCompClient message="lazy-named-comp-client" />
<LazyNCompServer message="lazy-named-comp-server" />
<LazyEventDelayedEvent id="lazyevent"/>
<LazyEventDelayedEvent id="lazyevent" />
<LazyIdleDelayedNetwork />
<div style="height:3000px">
This is a very tall div