import pkg from './package'
import resources from './resources/'

export default {
  /*
  ** Headers of the page
  */
  head: {
    title: 'webgems',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description },
      { hid: 'keywords', name: 'keywords', content: 'css, html, php, server, resources, design, gems, nuxt, javascript, tutorials, development, software'},
      { name:'theme-color', content: '#ffffff' },
      { name: 'msapplication-TileColor', content: '#da532c' },
      { rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#5bbad5' },
      { rel:'manifest', href:'/site.webmanifest' },
      { rel:'icon', type:'image/png', sizes:'16x16', href:'/favicon-16x16.png' },
      { rel:'icon', type:'image/png', sizes:'32x32', href:'/favicon-32x32.png' },
      { rel:'apple-touch-icon', sizes:'76x76', href:'/apple-touch-icon.png' },
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
    ],
  },

  /*
  ** Generate dynamic routes
  */
  generate: {
    routes: resources.map(category => category.slug),
  },

  /**
   * Configure ESLint to run on save with hot reloading
   */
  build: {
    extend(config, ctx) {
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/,
        })
      }
    },
  },

  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#fff' },

  plugins: [
    '~/plugins/i18n.js',
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    'nuxt-clipboard2',
  ],
}