Layout
Nuxt Kit provides a set of utilities to help you work with layouts.
Layouts is used to be a wrapper around your pages. It can be used to wrap your pages with common components, for example, a header and a footer. Layouts can be registered using addLayout
utility.
addLayout
Register template as layout and add it to the layouts.
error
layout can also be registered using this utility. In Nuxt 3 error
layout replaced with error.vue
page in project root.Type
function addLayout (layout: NuxtTemplate | string, name: string): voidinterface NuxtTemplate { src?: string filename?: string dst?: string options?: Record<string, any> getContents?: (data: Record<string, any>) => string | Promise<string> write?: boolean}
Parameters
layout
Type: NuxtTemplate | string
Required: true
A template object or a string with the path to the template. If a string is provided, it will be converted to a template object with src
set to the string value. If a template object is provided, it must have the following properties:
src
(optional)
Type:string
Path to the template. Ifsrc
is not provided,getContents
must be provided instead.filename
(optional)
Type:string
Filename of the template. Iffilename
is not provided, it will be generated from thesrc
path. In this case, thesrc
option is required.dst
(optional)
Type:string
Path to the destination file. Ifdst
is not provided, it will be generated from thefilename
path and nuxtbuildDir
option.options
(optional)
Type:Options
Options to pass to the template.getContents
(optional)
Type:(data: Options) => string | Promise<string>
A function that will be called with theoptions
object. It should return a string or a promise that resolves to a string. Ifsrc
is provided, this function will be ignored.write
(optional)
Type:boolean
If set totrue
, the template will be written to the destination file. Otherwise, the template will be used only in virtual filesystem.
Pages
Nuxt Kit provides a set of utilities to help you create and use pages. You can use these utilities to manipulate the pages configuration or to define route rules.
Plugins
Nuxt Kit provides a set of utilities to help you create and use plugins. You can add plugins or plugin templates to your module using these functions.