ui-exercise/nuxt.config.js at master · victortolbert/ui-exercise · 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
import path from 'path'

export default {
  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000',
    apiUrl: process.env.API_URL || 'http://localhost.3000/api',
    assetsUrl: process.env.ASSETS_URL || 'http://localhost:3000',
  },
  ssr: false,
  target: 'static',
  head: {
    title: 'UI Exercise',
    meta: [
      {charset: 'utf-8'},
      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
      {hid: 'description', name: 'description', content: 'UI Exercise'},
    ],
    link: [
      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'},
      {
        rel: 'stylesheet',
        href: 'https://fonts.googleapis.com/css?family=Inter:400,500,600&display=swap',
      },
    ],
  },
  components: true,
  modules: ['@nuxt/content', '@nuxtjs/axios', '@nuxtjs/sentry'],
  buildModules: [
    '@nuxtjs/color-mode',
    '@nuxtjs/composition-api',
    '@nuxtjs/eslint-module',
    '@nuxtjs/google-analytics',
    '@nuxtjs/svg',
    '@nuxtjs/tailwindcss',
    'nuxt-ackee',
  ],
  plugins: [
    '@/plugins/portal-vue',
    '@/plugins/vue-content-placeholders',
    // '@/plugins/vue-feather-icons',
  ],
  serverMiddleware: ['@/server'],
  router: {
    linkActiveClass: 'is-active',
    linkExactActiveClass: 'is-exact-active',
  },
  loading: false,
  ackee: {
    server: 'https://cranky-borg.herokuapp.com',
    domainId: '601bbeb1-8a0a-4d5d-ba1f-a75ce1cefda3',
    ignoreLocalhost: false,
    detailed: true,
  },
  axios: {
    baseURL: process.env.apiUrl || 'http://localhost:3000/api',
    credentials: true,
  },
  colorMode: {
    preference: 'light',
  },
  content: {
    markdown: {
      remarkPlugins: [['remark-emoji', {emoticon: true}]],
      prism: {
        theme: 'prism-themes/themes/prism-material-oceanic.css',
      },
    },
    nestedProperties: ['author.name', 'categories.slug'],
    googleAnalytics: {
      id: process.env.GOOGLE_ANALYTICS_ID || 'UA-76464598-4',
    },
  },
  googleAnalytics: {
    id: process.env.GOOGLE_ANALYTICS_ID,
  },
  sentry: {
    dsn: 'https://c30dc69c78434050aed6f64b97cbd645@o244691.ingest.sentry.io/1422222',
    config: {
      maxBreadcrumbs: 50,
      debug: false,
    },
  },
  build: {
    babel: {
      plugins: ['@babel/plugin-syntax-jsx'],
    },
    postcss: {
      plugins: {
        'postcss-import': {},
        tailwindcss: path.resolve(__dirname, './tailwind.config.js'),
        'postcss-preset-env': {},
      },
    },
    preset: {
      stage: 1,
    },
  },
  purgeCSS: {
    whitelist: ['dark-mode'],
    whitelistPatternsChildren: [/^token/, /^pre/, /^code/, /^nuxt-content/],
  },
  generate: {
    interval: 2000,
    fallback: true,
  },
}