text: const webpack = require('webpack')
  const fs = require('fs')
  const packageJson = fs.readFileSync('./package.json')
  const appName = JSON.parse(packageJson).appName
  const appVersion = JSON.parse(packageJson).version
  const sbcName = JSON.parse(packageJson).sbcName
  const sbcVersion = JSON.parse(packageJson).dependencies['sbc-common-components']
  const aboutText1 = (appName && appVersion) ? `${appName} v${appVersion}` : ''
  const aboutText2 = (sbcName && sbcVersion) ? `${sbcName} v${sbcVersion}` : ''
  
  module.exports = {
    configureWebpack: {
      plugins: [
        new webpack.DefinePlugin({
          'process.env': {
            ABOUT_TEXT:
              (aboutText1 && aboutText2) ? `"${aboutText1}<br>${aboutText2}"`
                : aboutText1 ? `"${aboutText1}"`
                  : aboutText2 ? `"${aboutText2}"`
                    : ''
          }
        })
      ],
      devtool: 'source-map'
    },
  
    transpileDependencies: [
      'vuetify'
    ],
  
    publicPath: `/${process.env.VUE_APP_PATH}`,
  
    devServer: {
      proxy: {
        // this is needed to prevent a CORS error when running locally (will need to update with url)
        '/local-keycloak-config-url/*': {
          target: 'https://ppr-ui-dev.apps.silver.devops.gov.bc.ca/ppr/config/kc/',
          pathRewrite: {
            '/local-keycloak-config-url': ''
          }
        }
      }
    },
  
    assetsDir: 'assets'
  }
  