veerify/nuxt.config.ts at main · Frogbyte-io/veerify · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
// https://nuxt.com/docs/api/configuration/nuxt-config
import tailwindcss from '@tailwindcss/vite'

const appDomain = (process.env.APP_DOMAIN || 'localhost').trim()
const dashboardDomain = (
  process.env.APP_DASHBOARD_DOMAIN || (appDomain === 'localhost' ? 'localhost' : `app.${appDomain}`)
).trim()
const deploymentModeEnv = (process.env.APP_DEPLOYMENT_MODE || '').toLowerCase()
const deploymentMode =
  deploymentModeEnv === 'cloud' || deploymentModeEnv === 'self-hosted'
    ? deploymentModeEnv
    : process.env.VERCEL || process.env.VERCEL_ENV
      ? 'cloud'
      : 'self-hosted'

export default defineNuxtConfig({
  compatibilityDate: '2025-05-15',
  devtools: { enabled: true },
  nitro: {
    experimental: {
      websocket: true,
    },
  },
  devServer: {
    host: '::',
  },
  css: ['~/assets/css/main.css'],
  vite: {
    plugins: [tailwindcss()],
  },
  vue: {
    compilerOptions: {
      isCustomElement: (tag: string) => tag === 'hex-color-picker',
    },
  },
  modules: [
    '@nuxt/fonts',
    '@nuxt/icon',
    '@nuxt/test-utils',
    'shadcn-nuxt',
    '@nuxtjs/color-mode',
    'nuxt-nodemailer',
    '@scalar/nuxt',
  ],
  fonts: {
    families: [
      { name: 'Fraunces', provider: 'google' },
      { name: 'Figtree', provider: 'google' },
    ],
  },
  runtimeConfig: {
    domainProvider: process.env.DOMAIN_PROVIDER || 'static-cname',
    vercelApiToken: process.env.VERCEL_API_TOKEN || '',
    vercelProjectId: process.env.VERCEL_PROJECT_ID || '',
    vercelTeamId: process.env.VERCEL_TEAM_ID || '',
    vercelTeamSlug: process.env.VERCEL_TEAM_SLUG || '',
    storageDriver: process.env.STORAGE_DRIVER || 'local',
    storageBucket: process.env.STORAGE_BUCKET || '',
    storageRegion: process.env.STORAGE_REGION || 'auto',
    storageEndpoint: process.env.STORAGE_ENDPOINT || '',
    storageAccessKeyId: process.env.STORAGE_ACCESS_KEY_ID || '',
    storageSecretAccessKey: process.env.STORAGE_SECRET_ACCESS_KEY || '',
    storageForcePathStyle: process.env.STORAGE_FORCE_PATH_STYLE === 'true',
    storagePublicBaseUrl: process.env.STORAGE_PUBLIC_BASE_URL || '',
    storageLocalDir: process.env.STORAGE_LOCAL_DIR || '.data/storage',
    uploadTokenSecret: process.env.UPLOAD_TOKEN_SECRET || '',
    nodemailer: {
      from: process.env.MAIL_FROM,
      host: process.env.SMTP_HOST,
      port: Number(process.env.SMTP_PORT),
      secure: process.env.SMTP_SECURE === 'true',
      ...(process.env.SMTP_USER && process.env.SMTP_PASS
        ? { auth: { user: process.env.SMTP_USER, pass: process.env.SMTP_PASS } }
        : {}),
    },
    public: {
      appDomain,
      dashboardDomain,
      cnameTarget: process.env.CNAME_TARGET || 'cname.veerify.io',
      deploymentMode,
    },
  },
  colorMode: {
    preference: 'system',
    fallback: 'dark',
    hid: 'nuxt-color-mode-script',
    globalName: '__NUXT_COLOR_MODE__',
    componentName: 'ColorScheme',
    classPrefix: '',
    classSuffix: '',
    storage: 'localStorage',
    storageKey: 'nuxt-color-mode',
  },
  shadcn: {
    prefix: '',
    componentDir: './components/ui',
  },
  components: [
    {
      path: '~/components',
      pathPrefix: false,
    },
    {
      path: '~/scaffold-designer/components',
      prefix: 'ScaffoldDesigner',
      pathPrefix: false,
    },
  ],
  routeRules: {
    '/api-docs/**': { ssr: false },
    '/api-docs': { ssr: false },
  },
  scalar: {
    url: '/api/openapi.json',
    pathRouting: {
      basePath: '/api-docs',
    },
  } as any,
})