example-nuxt-shop/nuxt.config.ts at main · EyeOfCode/example-nuxt-shop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  // Set css
  css: ['~/assets/css/main.css'],
  postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {}
    }
  },
  // Set i18n
  modules: ['@nuxtjs/i18n', '@pinia/nuxt'],
  i18n: {
    locales: [
      {
        code: 'en',
        iso: 'en-US',
        file: 'en.json'
      },
      {
        code: 'th',
        iso: 'th-TH',
        file: 'th.json'
      }
    ],
    lazy: true,
    langDir: 'locales',
    defaultLocale: 'th',
    strategy: 'prefix_and_default',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_redirected',
      alwaysRedirect: true,
      fallbackLocale: 'th'
    }
  },
  // Set meta
  app: {
    head: {
      charset: 'utf-8',
      viewport: 'width=device-width, initial-scale=1',
      title: process.env.APP_NAME || 'My Nuxt App',
      meta: [{ name: 'description', content: process.env.APP_DESCRIPTION || '' }]
    }
  },
  // Set server
  devServer: {
    port: Number(process.env.PORT) || 3000,
    host: process.env.HOST || 'localhost'
  },
  // Set config app env
  runtimeConfig: {
    // Server-side environment variables
    nodeEnv: process.env.NODE_ENV || 'development',
    version: process.env.VERSION,
    port: Number(process.env.PORT) || 3000,
    host: process.env.HOST || 'localhost',
    // Client-side environment variables
    public: {
      nodeEnv: process.env.NODE_ENV || 'development',
      version: process.env.VERSION,
      port: Number(process.env.PORT) || 3000,
      host: process.env.HOST || 'localhost'
    }
  }
})