NuxtN
Nuxt4mo ago
4 replies
pook1574

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'],
});
Was this page helpful?