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

feat: allow customizing root id and tag (#8883)

Browse Source
This commit is contained in:
pooya parsa 2022-11-10 12:41:02 +01:00 committed by GitHub
parent 9227361027
commit 0ff4ebe808
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/nuxt/src/app/entry.ts
View File

@ -9,6 +9,8 @@ import '#build/css'
import _plugins from '#build/plugins' import _plugins from '#build/plugins'
// @ts-ignore // @ts-ignore
import RootComponent from '#build/root-component.mjs' import RootComponent from '#build/root-component.mjs'
// @ts-ignore
import { appRootId } from '#build/nuxt.config.mjs'
if (!globalThis.$fetch) { if (!globalThis.$fetch) {
// @ts-ignore // @ts-ignore
@ -64,7 +66,7 @@ if (process.client) {
try { try {
await nuxt.hooks.callHook('app:created', vueApp) await nuxt.hooks.callHook('app:created', vueApp)
await nuxt.hooks.callHook('app:beforeMount', vueApp) await nuxt.hooks.callHook('app:beforeMount', vueApp)
vueApp.mount('#__nuxt') vueApp.mount('#' + appRootId)
await nuxt.hooks.callHook('app:mounted', vueApp) await nuxt.hooks.callHook('app:mounted', vueApp)
await nextTick() await nextTick()
} catch (err) { } catch (err) {

4
packages/nuxt/src/core/nitro.ts
View File

@ -33,7 +33,9 @@ export async function initNitro (nuxt: Nuxt & { _nitro?: Nitro }) {
handlers: nuxt.options.serverHandlers, handlers: nuxt.options.serverHandlers,
devHandlers: [], devHandlers: [],
baseURL: nuxt.options.app.baseURL, baseURL: nuxt.options.app.baseURL,
virtual: {}, virtual: {
'#internal/nuxt.config.mjs': () => nuxt.vfs['#build/nuxt.config']
},
routeRules: { routeRules: {
'/__nuxt_error': { cache: false } '/__nuxt_error': { cache: false }
}, },

7
packages/nuxt/src/core/runtime/nitro/renderer.ts
View File

@ -8,7 +8,8 @@ import { renderToString as _renderToString } from 'vue/server-renderer'
import { useRuntimeConfig, useNitroApp, defineRenderHandler, getRouteRules } from '#internal/nitro' import { useRuntimeConfig, useNitroApp, defineRenderHandler, getRouteRules } from '#internal/nitro'
// eslint-disable-next-line import/no-restricted-paths // eslint-disable-next-line import/no-restricted-paths
import type { NuxtApp, NuxtSSRContext } from '#app' import type { NuxtApp, NuxtSSRContext } from '#app'
// @ts-ignore
import { appRootId, appRootTag } from '#internal/nuxt.config.mjs'
// @ts-ignore // @ts-ignore
import { buildAssetsURL, publicAssetsURL } from '#paths' import { buildAssetsURL, publicAssetsURL } from '#paths'
@ -71,7 +72,7 @@ const getSSRRenderer = lazyCachedFunction(async () => {
if (process.dev && process.env.NUXT_VITE_NODE_OPTIONS) { if (process.dev && process.env.NUXT_VITE_NODE_OPTIONS) {
renderer.rendererContext.updateManifest(await getClientManifest()) renderer.rendererContext.updateManifest(await getClientManifest())
} }
return `<div id="__nuxt">${html}</div>` return `<${appRootTag} id="${appRootId}">${html}</${appRootTag}>`
} }
return renderer return renderer
@ -83,7 +84,7 @@ const getSPARenderer = lazyCachedFunction(async () => {
const options = { const options = {
manifest, manifest,
renderToString: () => '<div id="__nuxt"></div>', renderToString: () => `<${appRootTag} id="${appRootId}"></${appRootTag}>`,
buildAssetsURL buildAssetsURL
} }
// Create SPA renderer and cache the result for all requests // Create SPA renderer and cache the result for all requests

11
packages/schema/src/config/app.ts
View File

@ -143,6 +143,17 @@ export default defineUntypedSchema({
* @type {typeof import('../src/types/config').NuxtAppConfig['keepalive']} * @type {typeof import('../src/types/config').NuxtAppConfig['keepalive']}
*/ */
keepalive: false, keepalive: false,
/**
* Customize Nuxt root element id.
*/
rootId: '__nuxt',
/**
* Customize Nuxt root element tag.
*
*/
rootTag: 'div',
}, },
/** /**