nuxt.config.ts

import { defineNuxtConfig } from 'nuxt3'

export default defineNuxtConfig({
  //* build modules
  buildModules: ['@pinia/nuxt', '@nuxtjs/color-mode'],

  //* css
  css: ['@/assets/scss/index.scss'],

  //* vite
  vite: {
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "@/assets/scss/variables.scss";`,
        },
      },
    },
  },

  //* env
  publicRuntimeConfig: {
    API_URL: process.env.API_URL || 'http://localhost:8081',
  },

  //* modules
  modules: ['@nuxtjs/color-mode'],

  colorMode: {
    preference: 'light', // default value of $colorMode.preference
    fallback: 'light', // fallback value if not system preference found
    hid: 'nuxt-color-mode-script',
    globalName: '__NUXT_COLOR_MODE__',
    componentName: 'ColorScheme',
    classPrefix: '',
    classSuffix: '-mode',
    storageKey: 'nuxt-color-mode',
  },

  // proxy: {
  //   '/': { target: 'http://localhost:8080/', changeOrigin: true },
  // },

  //* Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'csl-frontend',
    htmlAttrs: {
      lang: 'en',
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
  },

  //* Server-side rendering
  ssr: true,
})