nuxt3 사용시 nuxt.config.ts 작성했던 내용

카카오맵, 파이어베이스,scss 사용

// https://nuxt.com/docs/api/configuration/nuxt-config

export default defineNuxtConfig({

  compatibilityDate: '2024-04-03',

  devtools: { enabled: true },

  ssr: true, // SSR 비활성화

  nitro: {

    preset: 'static' // 정적 사이트 빌드 ssr로할때는 사실 불필요한듯

  },

  plugins: [

    '~/plugins/firebase.js' // Firebase 초기화 플러그인 추가

  ],

  runtimeConfig: {

    public: {

      KAKAO_API_KEY: process.env.KAKAO_API_KEY,

      KAKAO_REST_KEY: process.env.KAKAO_REST_KEY,

      firebaseApiKey: "AIzaSyDvVM-mwJr_oc0NkLudgF...",

      firebaseAuthDomain: "runcrew-6a407.firebaseapp.com",

      firebaseProjectId: "r...",

      firebaseStorageBucket: "runcrew-6a407.firebasestorage.app",

      firebaseMessagingSenderId: "7755806...",

      firebaseAppId: "1:775580694548:web:20f78ee641af...",

      firebaseMeasurementId: "G-2E9BFM...",

      NODE_ENV: process.env.NODE_ENV || 'development',

    },

  },

  css: ["@/assets/styles/main.scss"],

  vite: {

    css: {

      preprocessorOptions: {

        scss: {

          api: 'modern-compiler',  //Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.  경고문구사라짐

        }

      },

    },

  },

  modules: ['@samk-dev/nuxt-vcalendar','@pinia/nuxt'],

})