Nuxt 4 config
Does my config look ok for Nuxt 4, just upgraded from 3. I can't seem to get Pina working in the devtools.
// https://nuxt.com/docs/api/configuration/nuxt-config
import { fileURLToPath } from 'node:url';
export default defineNuxtConfig({
srcDir: 'app',
future: {
compatibilityVersion: 4,
},
ssr: false,
app: {
baseURL: '/app/',
},
alias: {
'@': fileURLToPath(new URL('./app', import.meta.url)),
'~': fileURLToPath(new URL('./app', import.meta.url)),
'@types': fileURLToPath(new URL('./app/types', import.meta.url)),
'@config': fileURLToPath(new URL('./app/config', import.meta.url)),
},
typescript: {
tsConfig: {
compilerOptions: {
moduleResolution: 'bundler',
paths: {
'@/*': ['./app/*'],
'~/*': ['./app/*'],
'@types': ['./app/types/index.ts'],
'@types/*': ['./app/types/*'],
'@config/*': ['./app/config/*'],
},
},
},
},
runtimeConfig: {
public: {
djangoApiBase: process.env.DJANGO_API_BASE || 'http://localhost:8080/api',
djangoApiV2Base:
process.env.DJANGO_API_V2_BASE || 'http://localhost:8080/api/v2',
},
},
compatibilityDate: '2024-04-03',
devtools: { enabled: true },
modules: [
'@vueuse/nuxt',
'vuetify-nuxt-module',
'@nuxt/eslint',
'@pinia/nuxt',
'@vee-validate/nuxt',
],
vuetify: {
moduleOptions: {
/* module specific options */
prefixComposables: true,
},
vuetifyOptions: './vuetify.config.ts',
},
css: ['~/assets/scss/main.scss'],
});// https://nuxt.com/docs/api/configuration/nuxt-config
import { fileURLToPath } from 'node:url';
export default defineNuxtConfig({
srcDir: 'app',
future: {
compatibilityVersion: 4,
},
ssr: false,
app: {
baseURL: '/app/',
},
alias: {
'@': fileURLToPath(new URL('./app', import.meta.url)),
'~': fileURLToPath(new URL('./app', import.meta.url)),
'@types': fileURLToPath(new URL('./app/types', import.meta.url)),
'@config': fileURLToPath(new URL('./app/config', import.meta.url)),
},
typescript: {
tsConfig: {
compilerOptions: {
moduleResolution: 'bundler',
paths: {
'@/*': ['./app/*'],
'~/*': ['./app/*'],
'@types': ['./app/types/index.ts'],
'@types/*': ['./app/types/*'],
'@config/*': ['./app/config/*'],
},
},
},
},
runtimeConfig: {
public: {
djangoApiBase: process.env.DJANGO_API_BASE || 'http://localhost:8080/api',
djangoApiV2Base:
process.env.DJANGO_API_V2_BASE || 'http://localhost:8080/api/v2',
},
},
compatibilityDate: '2024-04-03',
devtools: { enabled: true },
modules: [
'@vueuse/nuxt',
'vuetify-nuxt-module',
'@nuxt/eslint',
'@pinia/nuxt',
'@vee-validate/nuxt',
],
vuetify: {
moduleOptions: {
/* module specific options */
prefixComposables: true,
},
vuetifyOptions: './vuetify.config.ts',
},
css: ['~/assets/scss/main.scss'],
});