-
Notifications
You must be signed in to change notification settings - Fork 0
/
nuxt.config.js
145 lines (124 loc) · 3.96 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
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
export default {
// Global page headers (https://go.nuxtjs.dev/config-head)
head: {
title: 'Restaurant',
titleTemplate: '%s - Picasso Grand Hotel',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{
hid: 'description',
name: 'description',
content: 'Restaurant Picasso Grand Hotel',
},
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/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: true,
// Modules for dev and build (recommended) (https://go.nuxtjs.dev/config-modules)
buildModules: [
// https://go.nuxtjs.dev/tailwindcss
'@nuxtjs/tailwindcss',
// https://github.com/juliomrqz/nuxt-optimized-images
'@aceforth/nuxt-optimized-images',
],
// Tailwind CSS module configuration (https://go.nuxtjs.dev/tailwindcss)
tailwindcss: {
cssPath: '~/assets/scss/tailwind.scss',
configPath: 'tailwind.config.js',
exposeConfig: false,
viewer: false,
config: {},
},
// OptimizedImages module configuration
optimizedImages: {
optimizeImages: true,
},
// Modules (https://go.nuxtjs.dev/config-modules)
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
// https://www.npmjs.com/package/@nuxtjs/style-resources
'@nuxtjs/style-resources',
// https://www.npmjs.com/package/nuxt-webfontloader
'nuxt-webfontloader',
// https://sitemap.nuxtjs.org/
'@nuxtjs/sitemap',
// https://github.com/nuxt-community/robots-module
'@nuxtjs/robots',
// https://github.com/dansmaculotte/nuxt-security
'@dansmaculotte/nuxt-security',
],
// Style Resource module configuration
styleResources: {
scss: [
'./assets/scss/vars/*.scss',
'./assets/scss/abstracts/_mixins.scss', // use underscore "_" & also file extension ".scss"
'./assets/scss/global.scss',
],
},
// Web Font Loader module configuration
webfontloader: {
google: {
families: [
'Quicksand:300,400,600,700',
'Fredoka One:400',
'Baloo Chettan 2:500,600,700',
], //Loads Lato font with weights 400 and 700
},
},
// Sitemap module configuration
sitemap: {
hostname: process.env.APP_URL,
gzip: true,
},
// Robots module configuration
robots: {
UserAgent: '*',
Disallow: '/',
},
// Security module configuration
security: {},
// Build Configuration (https://go.nuxtjs.dev/config-build)
build: {},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-server
server: {
port: process.env.APP_PORT, // default: 3000
host: process.env.APP_HOST, // default: localhost,
timing: false,
},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-cli
cli: {
badgeMessages: [`Application running on ${process.env.APP_MODE}`],
},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-runtime-config/
publicRuntimeConfig: {
appURL: process.env.APP_URL,
apiURL: process.env.API_URL,
},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-runtime-config/
privateRuntimeConfig: {},
// Telemetry disable (https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-telemetry/)
telemetry: false,
// Modifying the loading indicator for spa - https://nuxtjs.org/docs/2.x/features/loading
loadingIndicator: {
name: 'chasing-dots',
color: '#158876',
background: '#f3f5f4',
},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-transition#the-layouttransition-property
layoutTransition: {
name: 'layout',
mode: 'out-in',
},
// https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-transition#the-layouttransition-property
pageTransition: {
name: 'page',
mode: 'out-in',
},
}