-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathnuxt.config.js
71 lines (68 loc) · 2.04 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
const { join } = require('path')
const axios = require('axios')
const _ = require('lodash')
module.exports = {
/*
** Headers of the page
*/
head: {
title: ' Nuxt API Example With Vuex - David Royer',
titleTemplate: '%s - Nuxt API Example - David Royer',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Nuxt API Example - Using Vuex, axios, and a REST API with Nuxt by David Royer' },
{ property: 'og:title', content: 'Nuxt API Example' },
{ property: 'og:description', content: 'Showing a collections of posts and using dynamic routes for individual posts with Nuxt.js Vuex, and an API.' },
{ property: 'og:image', content: 'https://nuxt-api-example.netlify.com/nuxt-api-example-meta-image.jpg' },
{ property: 'og:url', content: 'https://nuxt-api-example.netlify.com' },
{ name: 'twitter:card', content: 'summary_large_image' },
{ property: 'og:site_name', content: 'Nuxt API Example' },
{ name: 'twitter:image:alt', content: 'Screenshot of home page for demo site' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
modules: [
'@nuxtjs/bulma',
'@nuxtjs/font-awesome',
['@nuxtjs/markdownit', { linkify: true } ]
],
generate: {
routes: function() {
return axios.get('https://jsonplaceholder.typicode.com/posts')
.then((res) => {
return _.map(res.data, function(post, key) {
return `/posts/${post.id}`
})
})
}
},
loading: { color: '#3B8070' },
/*
** Build configuration
*/
css: [
join('~assets/css/main.scss')
],
router: {
middleware: 'menu'
},
build: {
/*
** Run ESLINT on save
*/
extractCSS: true,
extend (config, ctx) {
if (ctx.isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
}
}
}