-
Notifications
You must be signed in to change notification settings - Fork 0
/
nuxt.config.js
138 lines (127 loc) · 3.32 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
export default {
// Target: https://go.nuxtjs.dev/config-target
target: "static",
// SPA
// ssr: false,
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: "Snowie Wong Portfolio",
titleTemplate: "%s | Snowie Wong",
htmlAttrs: {
lang: "en",
},
meta: [
{ charset: "utf-8" },
{ name: "viewport", content: "width=device-width, initial-scale=1" },
{
hid: "description",
name: "description",
content:
"A Hong Kong web developer passionate in frontend development, now based in Vancouver",
},
{ name: "format-detection", content: "telephone=no" },
// Open Graph
{
hid: "og:site_name",
property: "og:site_name",
content: "Snowie Wong Portfolio | Web Developer",
},
{ hid: "og:type", property: "og:type", content: "website" },
{
hid: "og:url",
property: "og:url",
content: "https://snowiewongdev.com",
},
{
hid: "og:title",
property: "og:title",
content: "Snowie Wong Portfolio | Web Developer",
},
{
hid: "og:description",
property: "og:description",
content:
"A Hong Kong web developer passionate in frontend web development, now based in Vancouver",
},
{
hid: "og:image",
property: "og:image",
content: "",
},
{
hid: "og:image:alt",
property: "og:image:alt",
content: "Snowie Wong Logo",
},
],
link: [
{ hid: "canonical", rel: "canonical", href: "https://snowiewongdev.com" },
{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
],
},
// Global CSS: https://go.nuxtjs.dev/config-css
// place for global styles except variables/mixins
css: [
"@/assets/css/locomotive.css",
"@/assets/css/style.css",
"@/assets/scss/main.scss",
],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ["~/plugins/locomotiveScroll.client.js"],
// 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/google-fonts",
"@nuxtjs/tailwindcss",
"@nuxtjs/style-resources",
"@nuxt/postcss8",
],
// used for shared variables and mixins only
styleResources: {
scss: ["./assets/scss/variables.scss"],
},
googleFonts: {
download: true,
families: {
"Playfair Display": true,
Poppins: true,
},
},
// Modules: https://go.nuxtjs.dev/config-modules
modules: [],
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
postcss: {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
},
transpile: ["gsap"],
standalone: true,
terser: {
// https://github.com/terser/terser#compress-options
terserOptions: {
compress: {
drop_console: true,
},
},
},
},
generate: {
routes: [
// fix nuxt generate ignore dynamic path
"/projects/1",
"/projects/2",
"/projects/3",
"/projects/4",
"/projects/5",
"/projects/6",
"/projects/7",
"/projects/8",
],
fallback: true,
},
};