Blog-Rubykachu-VueJs-NuxtJs/nuxt.config.js at firebase · rubykachu/Blog-Rubykachu-VueJs-NuxtJs · GitHub

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
import colors from 'vuetify/es5/util/colors'
import ApiArticle from './apis/ApiArticle.js'
import ApiCategory from './apis/ApiCategory.js'
/*
 ** Config file env
 */

let envFilename = process.env.NODE_ENV === 'production' ? '.env.prod' : '.env.local'
const env = require('dotenv').config({ path: envFilename })

export default {
  mode: 'spa',
  env: env.parsed,
  /*
   ** Headers of the page
   */
  head: {
    titleTemplate: '%s - ' + 'Rubykachu',
    title: 'Tăng Quốc Minh',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      {
        hid: 'description',
        name: 'description',
        content: 'Blog này chẳng có gì hay, mọi người xem xong và đi ra đừng ai comment, tui không repl đâu ;))'
      },
      {
        hid: 'keyword',
        name: 'keyword',
        content: ''
      },
      {
        hid: 'copyright',
        name: 'copyright',
        content: 'Copyright © 2019 by Rubykachu'
      }
    ],
    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
  },
  /*
   ** Customize the progress-bar color
   */
  loading: { color: '#00BEC1', throttle: 0, height: '3px' },
  /*
   ** Loading start app
   */
  loadingIndicator: {
    name: '@/pages/loading.html'
    // name: 'folding-cube',
    // color: 'white',
    // background: '#00bec1'
  },
  /*
   ** Global CSS
   */
  css: ['~/assets/main.scss'],
  /*
   ** Plugins to load before mounting the App
   */
  plugins: ['~/plugins/vuelidate', '~/plugins/axios', '~/plugins/disqus'],
  /*
   ** Nuxt.js dev-modules
   */
  buildModules: ['@nuxtjs/vuetify'],
  /*
   ** Nuxt.js modules
   */
  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    // Doc: https://github.com/nuxt-community/dotenv-module
    '@nuxtjs/dotenv'
  ],
  /**
   * Router settings
   */
  router: {
    middleware: ['authenticated']
  },
  /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
  axios: {
    baseURL: process.env.API_URL || `http://localhost:4000`,
    debug: process.env.DEBUG || false,
    proxyHeaders: false,
    credentials: false
  },
  /*
   ** vuetify module configuration
   ** https://github.com/nuxt-community/vuetify-module
   */
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      dark: false,
      themes: {
        light: {
          primary: colors.pink.accent2,
          accent: colors.grey.darken3,
          secondary: '#00BEC1',
          info: colors.teal.lighten1,
          warning: colors.amber.base,
          error: colors.deepOrange.accent4,
          success: colors.green.accent3,
          background: colors.cyan
        }
      }
    }
  },
  /*
   ** Build configuration
   */
  build: {
    devtools: true,
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {}
  },
  generate: {
    async routes() {
      let routes = []

      const resArticles = await ApiArticle.fsGet({ returnData: true })
      let articles = resArticles.map(article => {
        return '/article/' + article.slug
      })

      const resCategories = await ApiCategory.fsGet()
      let categories = resCategories.map(cate => {
        return '/categories/' + cate.slug
      })

      return routes.concat(articles).concat(categories)
    }
  }
}