nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
    '@nuxt/eslint',
    'nuxt-monaco-editor',
  ],
  ssr: true,
  devtools: { enabled: false },
  app: {
    head: {
      htmlAttrs: {
        lang: 'en',
      },
      link: [
        {
          rel: 'stylesheet',
          as: 'font',
          href: 'https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet',
        },
        {
          rel: 'preconnect',
          href: 'href="https://fonts.googleapis.com',
          crossorigin: '',
        },
        {
          rel: 'preconnect',
          href: 'https://fonts.googleapis.com',
        },

      ],
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      ],
    },
    rootTag: 'main',
    rootAttrs: {
      id: 'app',
    },
  },
  css: ['~/index.css'],
  runtimeConfig: {
    geminiKey: '',
  },
  compatibilityDate: '2024-11-01',
  eslint: {
    config: {
      stylistic: true,
    },
  },
  monacoEditor: {
    locale: 'en',
    
    componentName: {
      codeEditor: 'TypeJsonEditor',
      diffEditor: 'TypeJsonDiffEditor',
    },
  },
  unocss: {
    nuxtLayers: true,
  },
})