import { defineNuxtConfig } from 'nuxt' import { addComponent, addVitePlugin, addWebpackPlugin } from '@nuxt/kit' import { createUnplugin } from 'unplugin' export default defineNuxtConfig({ app: { head: { charset: 'utf-8', link: [undefined], meta: [{ name: 'viewport', content: 'width=1024, initial-scale=1' }, { charset: 'utf-8' }] } }, buildDir: process.env.NITRO_BUILD_DIR, builder: process.env.TEST_WITH_WEBPACK ? 'webpack' : 'vite', theme: './extends/bar', css: ['~/assets/global.css'], extends: [ './extends/node_modules/foo' ], nitro: { output: { dir: process.env.NITRO_OUTPUT_DIR }, prerender: { routes: [ '/random/a', '/random/b', '/random/c' ] } }, publicRuntimeConfig: { testConfig: 123 }, privateRuntimeConfig: { privateConfig: 'secret_key' }, modules: [ '~/modules/example', function (_, nuxt) { if (process.env.TEST_WITH_WEBPACK) { return } nuxt.options.css.push('virtual.css') nuxt.options.build.transpile.push('virtual.css') const plugin = createUnplugin(() => ({ name: 'virtual', resolveId (id) { if (id === 'virtual.css') { return 'virtual.css' } }, load (id) { if (id === 'virtual.css') { return ':root { --virtual: red }' } } })) addVitePlugin(plugin.vite()) addWebpackPlugin(plugin.webpack()) } ], hooks: { 'modules:done' () { addComponent({ name: 'CustomComponent', export: 'namedExport', filePath: '~/other-components-folder/named-export' }) } }, experimental: { inlineSSRStyles: id => !id.includes('assets.vue'), reactivityTransform: true, treeshakeClientOnly: true }, appConfig: { fromNuxtConfig: true, nested: { val: 1 } } })