module.exports = {
  css: [
    'vuetify/dist/vuetify.css',
  ],
  head: {
    link: [
      {rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png'},
      {rel: 'icon', type: 'image/png', sizes: '32x32', href: '/favicon-32x32.png'},
      {rel: 'icon', type: 'image/png', sizes: '16x16', href: '/favicon-16x16.png'},
      {rel: 'manifest', href: '/site.webmanifest'},
      {rel: 'mask-icon', href: '/safari-pinned-tab.svg', color: '#7f0aff'},
      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'},
      {rel: "stylesheet", href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons'},
      {rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Material+Icons"},
      {rel: "stylesheet", href: "https://cdn.materialdesignicons.com/3.3.92/css/materialdesignicons.min.css"}
    ],
    meta: [
      {name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no, minimal-ui'}
    ],
  },
  mode: 'spa',
  buildModules: [
    ['@nuxtjs/vuetify', { /* module options */ }]
  ],
  modules: [
    ['@nuxtjs/moment', { locales: ['sv'], defaultLocale: 'sv' }],
  ],
  plugins: [
    {src: '~/plugins/vuetify.js', ssr: false},
    {src: '~/plugins/graph-routing.js', ssr: false},
    {src: '~/plugins/app-components.js', ssr: false},
    {src: '~/plugins/vue-lazyload.js', ssr: false},
    {src: '~/plugins/vue-numeral-filter.js', ssr: false}
  ],
  router: {
    middleware: ['auth']
  }
};