Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-22 13:45:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(nuxt): name anonymous components in render tree (#10011)

Browse Source
This commit is contained in:
Daniel Roe 2023-01-14 01:27:38 +00:00 committed by GitHub
parent 488479ab1b
commit 0db3c6373a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/nuxt/src/app/components/layout.ts
View File

@ -12,6 +12,7 @@ import { appLayoutTransition as defaultLayoutTransition } from '#build/nuxt.conf
// TODO: revert back to defineAsyncComponent when https://github.com/vuejs/core/issues/6638 is resolved // TODO: revert back to defineAsyncComponent when https://github.com/vuejs/core/issues/6638 is resolved
const LayoutLoader = defineComponent({ const LayoutLoader = defineComponent({
name: 'LayoutLoader',
inheritAttrs: false, inheritAttrs: false,
props: { props: {
name: String, name: String,
@ -42,6 +43,7 @@ const LayoutLoader = defineComponent({
} }
}) })
export default defineComponent({ export default defineComponent({
name: 'NuxtLayout',
inheritAttrs: false, inheritAttrs: false,
props: { props: {
name: { name: {

1
packages/nuxt/src/app/components/utils.ts
View File

@ -2,6 +2,7 @@ import { defineComponent, h } from 'vue'
import type { Component } from 'vue' import type { Component } from 'vue'
const Fragment = defineComponent({ const Fragment = defineComponent({
name: 'FragmentWrapper',
setup (_props, { slots }) { setup (_props, { slots }) {
return () => slots.default?.() return () => slots.default?.()
} }

5
packages/nuxt/src/pages/runtime/page.ts
View File

@ -56,7 +56,7 @@ export default defineComponent({
wrapInKeepAlive(props.keepalive ?? routeProps.route.meta.keepalive ?? (defaultKeepaliveConfig as KeepAliveProps), h(Suspense, { wrapInKeepAlive(props.keepalive ?? routeProps.route.meta.keepalive ?? (defaultKeepaliveConfig as KeepAliveProps), h(Suspense, {
onPending: () => nuxtApp.callHook('page:start', routeProps.Component), onPending: () => nuxtApp.callHook('page:start', routeProps.Component),
onResolve: () => { nextTick(() => nuxtApp.callHook('page:finish', routeProps.Component).finally(done)) } onResolve: () => { nextTick(() => nuxtApp.callHook('page:finish', routeProps.Component).finally(done)) }
}, { default: () => h(Component, { key, routeProps, pageKey: key, hasTransition } as {}) }) }, { default: () => h(RouteProvider, { key, routeProps, pageKey: key, hasTransition } as {}) })
)).default() )).default()
} }
}) })
@ -84,7 +84,8 @@ function _mergeTransitionProps (routeProps: TransitionProps[]): TransitionProps
return defu(..._props) return defu(..._props)
} }
const Component = defineComponent({ const RouteProvider = defineComponent({
name: 'RouteProvider',
// TODO: Type props // TODO: Type props
// eslint-disable-next-line vue/require-prop-types // eslint-disable-next-line vue/require-prop-types
props: ['routeProps', 'pageKey', 'hasTransition'], props: ['routeProps', 'pageKey', 'hasTransition'],