mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
feat(nuxt): custom renderSSRHeadOptions
config for unhead
(#26989)
This commit is contained in:
parent
8fcf893f8b
commit
9e8261a69c
@ -69,6 +69,11 @@ export default defineNuxtConfig({
|
|||||||
deep: true
|
deep: true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
unhead: {
|
||||||
|
renderSSRHeadOptions: {
|
||||||
|
omitLineBreaks: false
|
||||||
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
```
|
```
|
||||||
|
@ -26,6 +26,8 @@ import { useNitroApp } from '#internal/nitro/app'
|
|||||||
|
|
||||||
// @ts-expect-error virtual file
|
// @ts-expect-error virtual file
|
||||||
import unheadPlugins from '#internal/unhead-plugins.mjs'
|
import unheadPlugins from '#internal/unhead-plugins.mjs'
|
||||||
|
// @ts-expect-error virtual file
|
||||||
|
import { renderSSRHeadOptions } from '#internal/unhead.config.mjs'
|
||||||
|
|
||||||
import type { NuxtPayload, NuxtSSRContext } from '#app'
|
import type { NuxtPayload, NuxtSSRContext } from '#app'
|
||||||
// @ts-expect-error virtual file
|
// @ts-expect-error virtual file
|
||||||
@ -459,7 +461,7 @@ export default defineRenderHandler(async (event): Promise<Partial<RenderResponse
|
|||||||
}
|
}
|
||||||
|
|
||||||
// remove certain tags for nuxt islands
|
// remove certain tags for nuxt islands
|
||||||
const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head)
|
const { headTags, bodyTags, bodyTagsOpen, htmlAttrs, bodyAttrs } = await renderSSRHead(head, renderSSRHeadOptions)
|
||||||
|
|
||||||
// Create render context
|
// Create render context
|
||||||
const htmlContext: NuxtRenderHTMLContext = {
|
const htmlContext: NuxtRenderHTMLContext = {
|
||||||
|
@ -1,10 +1,11 @@
|
|||||||
import { resolve } from 'pathe'
|
import { resolve } from 'pathe'
|
||||||
import { addComponent, addImportsSources, addPlugin, addTemplate, defineNuxtModule, tryResolveModule } from '@nuxt/kit'
|
import { addComponent, addImportsSources, addPlugin, addTemplate, defineNuxtModule, tryResolveModule } from '@nuxt/kit'
|
||||||
|
import type { NuxtOptions } from '@nuxt/schema'
|
||||||
import { distDir } from '../dirs'
|
import { distDir } from '../dirs'
|
||||||
|
|
||||||
const components = ['NoScript', 'Link', 'Base', 'Title', 'Meta', 'Style', 'Head', 'Html', 'Body']
|
const components = ['NoScript', 'Link', 'Base', 'Title', 'Meta', 'Style', 'Head', 'Html', 'Body']
|
||||||
|
|
||||||
export default defineNuxtModule({
|
export default defineNuxtModule<NuxtOptions['unhead']>({
|
||||||
meta: {
|
meta: {
|
||||||
name: 'meta',
|
name: 'meta',
|
||||||
},
|
},
|
||||||
@ -68,9 +69,19 @@ export default import.meta.server ? [CapoPlugin({ track: true })] : [];`
|
|||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|
||||||
|
addTemplate({
|
||||||
|
filename: 'unhead.config.mjs',
|
||||||
|
getContents () {
|
||||||
|
return [
|
||||||
|
`export const renderSSRHeadOptions = ${JSON.stringify(options.renderSSRHeadOptions || {})}`,
|
||||||
|
].join('\n')
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
// template is only exposed in nuxt context, expose in nitro context as well
|
// template is only exposed in nuxt context, expose in nitro context as well
|
||||||
nuxt.hooks.hook('nitro:config', (config) => {
|
nuxt.hooks.hook('nitro:config', (config) => {
|
||||||
config.virtual!['#internal/unhead-plugins.mjs'] = () => nuxt.vfs['#build/unhead-plugins']
|
config.virtual!['#internal/unhead-plugins.mjs'] = () => nuxt.vfs['#build/unhead-plugins']
|
||||||
|
config.virtual!['#internal/unhead.config.mjs'] = () => nuxt.vfs['#build/unhead.config']
|
||||||
})
|
})
|
||||||
|
|
||||||
// Add library-specific plugin
|
// Add library-specific plugin
|
||||||
|
@ -346,4 +346,36 @@ export default defineUntypedSchema({
|
|||||||
css: {
|
css: {
|
||||||
$resolve: (val: string[] | undefined) => (val ?? []).map((c: any) => c.src || c),
|
$resolve: (val: string[] | undefined) => (val ?? []).map((c: any) => c.src || c),
|
||||||
},
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* An object that allows us to configure the `unhead` nuxt module.
|
||||||
|
*/
|
||||||
|
unhead: {
|
||||||
|
/**
|
||||||
|
* An object that will be passed to `renderSSRHead` to customize the output.
|
||||||
|
*
|
||||||
|
* @see https://unhead.unjs.io/setup/ssr/installation#options
|
||||||
|
* @type {typeof import('@unhead/schema').RenderSSRHeadOptions}
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
* ```ts
|
||||||
|
* export default defineNuxtConfig({
|
||||||
|
* unhead: {
|
||||||
|
* renderSSRHeadOptions: {
|
||||||
|
* omitLineBreaks: true
|
||||||
|
* }
|
||||||
|
* })
|
||||||
|
* ```
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
renderSSRHeadOptions: {
|
||||||
|
$resolve: async (val: Record<string, unknown> | undefined, get) => {
|
||||||
|
const isV4 = ((await get('future') as Record<string, unknown>).compatibilityVersion === 4)
|
||||||
|
|
||||||
|
return defu(val, {
|
||||||
|
omitLineBreaks: isV4,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
})
|
})
|
||||||
|
@ -34,6 +34,11 @@ export default defineUntypedSchema({
|
|||||||
* deep: true
|
* deep: true
|
||||||
* }
|
* }
|
||||||
* }
|
* }
|
||||||
|
* },
|
||||||
|
* unhead: {
|
||||||
|
* renderSSRHeadOptions: {
|
||||||
|
* omitLineBreaks: false
|
||||||
|
* }
|
||||||
* }
|
* }
|
||||||
* })
|
* })
|
||||||
* ```
|
* ```
|
||||||
|
Loading…
Reference in New Issue
Block a user