Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2025-01-18 17:35:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: use deeper import for use nuxt app + convert to async function

Browse Source
This commit is contained in:
Daniel Roe 2025-01-01 22:59:53 +00:00
parent f9b6966f3e
commit 6530e7a5e6
No known key found for this signature in database
GPG Key ID: CBC814C393D93268
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,19 +1,19 @@
import { h, onMounted, ref } from 'vue'
import type { AsyncComponentLoader, ComponentOptions } from 'vue'
import { isPromise } from '@vue/shared' import { isPromise } from '@vue/shared'
import { type AsyncComponentLoader, type ComponentOptions, h, onMounted, ref } from 'vue' import { useNuxtApp } from '#app/nuxt'
import { useNuxtApp } from '#app'
import ServerPlaceholder from '#app/components/server-placeholder' import ServerPlaceholder from '#app/components/server-placeholder'
/* @__NO_SIDE_EFFECTS__ */ /* @__NO_SIDE_EFFECTS__ */
export const createClientPage = (loader: AsyncComponentLoader) => { export async function createClientPage (loader: AsyncComponentLoader) {
// Vue-router: Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))". // vue-router: Write "() => import('./MyPage.vue')" instead of "defineAsyncComponent(() => import('./MyPage.vue'))".
return loader().then((m) => { const m = await loader()
const c = m.default || m const c = m.default || m
if (import.meta.dev) { if (import.meta.dev) {
// mark component as client-only for `definePageMeta` // mark component as client-only for `definePageMeta`
c.__clientOnlyPage = true c.__clientOnlyPage = true
} }
return pageToClientOnly(c) return pageToClientOnly(c)
})
} }
const cache = new WeakMap() const cache = new WeakMap()