/
nuxt.config.js
93 lines (81 loc) · 2.46 KB
/
nuxt.config.js
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
import colors from 'vuetify/es5/util/colors'
export default {
// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' },
],
},
// Global CSS (https://go.nuxtjs.dev/config-css)
css: [],
ssr: true,
plugins: [
'~/plugins/helper.ts',
'~/plugins/apolloClient.ts',
'~/plugins/typer.client.ts'
],
components: true,
buildModules: ['@nuxt/typescript-build', '@nuxtjs/composition-api/module', '@nuxtjs/vuetify'],
modules: ['@nuxtjs/apollo'],
// Apollo client setup
apollo: {
clientConfigs: {
default: {
httpEndpoint: process.env.BASE_GRAPHQL_SERVER_URL,
wsEndpoint: process.env.BASE_GRAPHQL_WEBSOCKET_URL,
websocketsOnly: false,
},
},
},
webfontloader: {
google: {
families: ['Roboto:100,300,400,500,700,900&display=swap'],
},
},
// Vuetify module configuration (https://go.nuxtjs.dev/config-vuetify)
loading: false,
vuetify: {
customVariables: ['~/assets/variables.scss'],
treeShake: true,
theme: {
dark: true,
themes: {
dark: {
primary: '#536af6',
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
info: colors.teal.lighten1,
warning: colors.amber.base,
error: colors.deepOrange.accent4,
success: colors.green.accent3,
},
light: {
primary: '#536af6',
accent: colors.grey.darken3,
secondary: colors.amber.darken3,
info: colors.teal.lighten1,
warning: colors.amber.base,
error: colors.deepOrange.accent4,
success: colors.green.accent3,
},
},
},
},
// Build Configuration (https://go.nuxtjs.dev/config-build)
build: {
analyze: false,
build: {},
filenames: { chunk: ({ isDev }) => (isDev ? '[name].js' : '[id].[contenthash].js') },
extractCSS: false,
transpile: ['tslib', '@apollo/client', '@apollo/client/core', '@vue/apollo-composable', '@vue/apollo-option', 'ts-invariant'],
},
env: {
amChartLicense: process.env.AMCHARTS_LICENSE,
baseURL: process.env.BASE_URL,
},
server: { port: 3000, host: process.env.SERVER_HOST },
}