import { dirname, resolve } from 'node:path' import { defineNuxtConfig } from 'nuxt' import vueI18n from '@intlify/vite-plugin-vue-i18n' import Icons from 'unplugin-icons/vite' import IconsResolver from 'unplugin-icons/resolver' import Components from 'unplugin-vue-components/vite' import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers' import monacoEditorPlugin from 'vite-plugin-monaco-editor' import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill' // https://v3.nuxtjs.org/api/configuration/nuxt.config export default defineNuxtConfig({ modules: ['@vueuse/nuxt', 'nuxt-windicss', '@nuxt/image-edge'], ssr: false, app: { /** In production build we need to load assets using relative path, to achieve the result we are using cdnURL */ cdnURL: process.env.NODE_ENV === 'production' ? '.' : undefined, }, css: [ 'virtual:windi.css', 'virtual:windi-devtools', '~/assets/style/fonts.css', '~/assets/css/global.css', '~/assets/style.scss', ], meta: { title: 'NocoDB', link: [ { rel: 'icon', type: 'image/x-icon', href: './favicon.ico', }, ], meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1', }, { hid: 'description', name: 'description', content: process.env.npm_package_description || '', }, ], }, vite: { build: { commonjsOptions: { ignoreTryCatch: false, }, }, plugins: [ vueI18n({ include: [resolve(dirname('./lang/**'))], runtimeOnly: false, }), Icons({ autoInstall: true, compiler: 'vue3', defaultClass: 'nc-icon', }), Components({ resolvers: [ AntDesignVueResolver({ importStyle: false, resolveIcons: false, }), IconsResolver({ prefix: false, }), ], }), monacoEditorPlugin({ languageWorkers: ['json'], }), ], define: { 'process.env.DEBUG': 'false', 'process.nextTick': () => {}, 'process.env.ANT_MESSAGE_DURATION': process.env.ANT_MESSAGE_DURATION, }, server: { watch: { usePolling: true, }, }, resolve: { alias: { querystring: 'rollup-plugin-node-polyfills/polyfills/qs', util: 'rollup-plugin-node-polyfills/polyfills/util', url: 'rollup-plugin-node-polyfills/polyfills/url', }, }, optimizeDeps: { esbuildOptions: { define: { global: 'globalThis', }, // Enable esbuild polyfill plugins plugins: [NodeModulesPolyfillPlugin()], }, }, }, experimental: { reactivityTransform: true, }, image: { dir: 'assets/', }, autoImports: { dirs: ['./context', './utils', './lib'], imports: [{ name: 'useI18n', from: 'vue-i18n' }], }, pageTransition: { name: 'page', mode: 'out-in', }, layoutTransition: { name: 'layout', mode: 'out-in', }, })