Newer
Older
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
import i18n from './plugins/i18n.js'
export default {
target: 'static',
/**
* Global page headers (https://go.nuxtjs.dev/config-head)
*/
head: {
title: process.env.npm_package_name || '',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{
hid: 'description',
name: 'description',
content: process.env.npm_package_description || '',
},
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.svg' }],
bodyAttrs: {
class: process.env.NODE_ENV === 'development' ? 'debug-screens' : '',
},
},
/**
* Customize the progress-bar color
*/
loading: { color: '#7c3aed' },
/**
* Global CSS (https://go.nuxtjs.dev/config-css)
*/
css: [],
/**
* Auto import components (https://go.nuxtjs.dev/config-components)
*/
components: true,
/**
* Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
*/
plugins: ['~plugins/vue-tailwind', '~/plugins/directives.client.js'],
/**
* Modules for dev and build (https://go.nuxtjs.dev/config-modules)
*/
buildModules: [
// https://composition-api.nuxtjs.org/
// TODO: remove it when nuxt3 released
'@nuxtjs/composition-api',
// https://go.nuxtjs.dev/eslint
'@nuxtjs/eslint-module',
// https://go.nuxtjs.dev/tailwindcss
'@nuxtjs/tailwindcss',
// https://github.com/nuxt-community/svg-module
'@nuxtjs/svg',
// https://color-mode.nuxtjs.org/
'@nuxtjs/color-mode',
// https://github.com/nuxt-community/fontawesome-module
[
'@nuxtjs/fontawesome',
{
component: 'fa', // component name
addCss: false,
icons: {
solid: true,
brands: true,
},
},
],
],
/**
* Nuxt.js modules (https://go.nuxtjs.dev/config-modules)
*/
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios',
// https://pwa.nuxtjs.org
'@nuxtjs/pwa',
// https://github.com/nuxt-community/dotenv-module
'@nuxtjs/dotenv',
// https://content.nuxtjs.org/fr
'@nuxt/content',
// https://i18n.nuxtjs.org
['nuxt-i18n', i18n],
// https://github.com/Chantouch/nuxt-clipboard
'nuxt-clipboard',
],
// Axios module configuration (https://go.nuxtjs.dev/config-axios)
axios: {},
// https://github.com/Chantouch/nuxt-clipboard
clipboard: {
autoSetContainer: true,
},
// https://content.nuxtjs.org/fr/configuration
content: {
markdown: {
remarkPlugins: ['remark-breaks'],
},
},
// https://color-mode.nuxtjs.org
colorMode: {
preference: 'system', // default value of $colorMode.preference
fallback: 'light', // fallback value if not system preference found
classSuffix: '',
},
/**
* Nuxt hooks
* https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-hooks
*/
hooks: {
// Netlifycms cannot create array in json file at root level and nuxt-content need an array. So, ressources.json is parsed to fetch 'ressources' key.
'content:file:beforeParse': (file) => {
if (file.extension !== '.json' || !/.*ressources.json$/.test(file.path))
return
file.data = JSON.stringify(JSON.parse(file.data).ressources)
},
},
/**
* Build configuration
*/
build: {
extractCSS: true,
/*
** You can extend webpack config here
*/
extend(config, ctx) {},
},
}