nuxt.config.js

import colors from 'vuetify/es5/util/colors'

// only add `router.base = '/<repository-name>/'` if `DEPLOY_ENV` is `GH_PAGES`
const routerBase = {
  router: {
    base: '/',
    middleware: ['recall', 'encryption', 'dropbox'],
    mode: 'hash'
  }
}

if(process.env.DEPLOY_ENV === 'GH_PAGES') {
  routerBase.router.base = '/dev-notes/'
} else if(process.env.DEPLOY_ENV === 'IPFS') {
  routerBase.router.base = '/ipns/k51qzi5uqu5dlu8cdctlw88zrzf2af1m7oq14tisjwieuc0fm4luadarc6rs00/'
}

export default {
  ...routerBase,

  mode: 'spa',

  generate: {
    dir: 'docs'
  },

  /*
  ** Headers of the page
  */
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: `${routerBase.router.base}favicon.ico` }
    ]
  },

  env: {
    appName: process.env.npm_package_name,
    routerBase: routerBase.router.base,
    version: process.env.npm_package_version,
    builtDate: new Date(),
    revision: process.env.COMMIT_HASH || 'development',
    dropbox: {
      clientId: process.env.DROPBOX_CLIENT_ID || 'h89z3y690lntrca',
      redirectUrl: ( routerBase.router.base + '?recall=dropbox' )
    },
  },

  manifest: {
    "name": "DevNotes",
    "short_name": "DevNotes",
    "start_url": routerBase.router.base,
    "scope": routerBase.router.base + ".",
    "display": "standalone",
    "orientation": "portrait-primary",
    "background_color": "#303030",
    "theme_color": "#424242",
    "dir": "ltr",
    "lang": "de-DE"
  },

  icon: {
    sizes: [16, 32, 120, 144, 152, 192, 384, 512]
  },

  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#4a566c' },
  /*
  ** Global CSS
  */
  css: [
  ],
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '~/plugins/localStore',
    '~/plugins/i18n',
    '~/plugins/globalComponents',
    '~/plugins/init',
    '~/plugins/style',
    '~/plugins/notification',
    '~/plugins/reminder',
  ],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    '@nuxtjs/vuetify',
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    '@nuxtjs/pwa',
  ],
  /*
  ** vuetify module configuration
  ** https://github.com/nuxt-community/vuetify-module
  */
  vuetify: {
    customVariables: ['~/assets/variables.scss'],
    theme: {
      themes: {
        dark: {
          primary: '#78c2d2',
          secondary: '#3a4253',
          accent: '#4a566c',
          info: '#88c2be',
          warning: '#f1cb81',
          error: '#cd5a68',
          success: '#9bbf85',
        }
      }
    }
  },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, ctx) {
      //we need the compiler-included build for template-notes!
      config.resolve.alias['vue'] = 'vue/dist/vue.common'
    }
  }
}