intervis/nuxt.config.js at main · uclab-potsdam/intervis · 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
120
121
122
const parentDirname = process.env.DEPLOY_ENV === 'UCLAB' ? '/intervis' : ''

export default {
  /*
   ** Nuxt target
   ** See https://nuxtjs.org/api/configuration-target
   */
  target: "static",

  // Global page headers (https://go.nuxtjs.dev/config-head)
  head: {
    title: 'intervis',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },

      // favicon
      { name: 'msapplication-TileColor', content: '#f9faff' },
      { name: 'msapplication-config', content: './browserconfig.xml' },
      { name: 'theme-color', content: '#ffffff' },

			// preview
			{ property: 'og:type', content:'website' },
			{ property: 'og:url', content:`https://uclab.fh-potsdam.de${parentDirname}/` },
			{ property: 'og:title', content:'Inter...what? Intersectionality! A visual introduction' },
			{ property: 'og:description', content:'With this article we aim to accessibly explain the topics of intersectionality, discrimination and privilege using visual elements. Intersectional perspectives have not yet arrived in everyday vocabulary and social discourse in Germany. We would like to change that, and this article can be a beginning for that.' },
			{ property: 'og:image', content: `https://uclab.fh-potsdam.de${parentDirname}/preview.png` },
			{ name: 'twitter:card', content:'summary_large_image' },

    ],
    link: [
      // favicon
      { rel: 'apple-touch-icon', sizes: '180x180', href: './favicon/apple-touch-icon.png' },
      { rel: 'icon', type: 'image/png', sizes: '32x32', href: './favicon/favicon-32x32.png' },
      { rel: 'icon', type: 'image/png', sizes: '16x16', href: './favicon/favicon-16x16.png' },
      { rel: 'manifest', href: './favicon/site.webmanifest' },
      { rel: 'mask-icon', href: './favicon/safari-pinned-tab.svg', color: '#ff4002' },
      { rel: 'shortcut icon', href: './favicon/favicon.ico' },
    ]
  },

  // Global CSS (https://go.nuxtjs.dev/config-css)
  css: [
  ],

  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [
  ],

  // Auto import components (https://go.nuxtjs.dev/config-components)
  components: {
    dirs: [
      '~/components',
      '~/components/animations',
      '~/components/case_studies',
      '~/components/chapters',
      '~/components/design-decisions',
      '~/components/disclosure',
      '~/components/elements',
      '~/components/fallbacks',
      '~/components/layout',
      '~/components/popups',
      '~/components/visualizations',
    ]
  },

  // Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
  buildModules: [
    // https://go.nuxtjs.dev/eslint
    '@nuxtjs/eslint-module'
  ],

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    'nuxt-i18n',
    'nuxt-polyfill'
  ],

  i18n: {
    locales: [
      { code: 'en', iso: 'en-US', file: 'en.js' },
      { code: 'de', iso: 'de-DE', file: 'de.js' }
    ],
    defaultLocale: 'en',
    langDir: '~/locales/',
  },

  // Configure polyfills:
  polyfill: {
    features: [
      {
        require: 'intersection-observer',
        detect: () => 'IntersectionObserver' in window,
      }
    ]
  },

  env: {
    parentDirname
  },

  // Build Configuration (https://go.nuxtjs.dev/config-build)
  build: {
    extend(config, ctx) {
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/,
          options: {
            fix: true
          }
        })
      }
    }
  },
  router: {
    base: `${parentDirname}/`
  }
}