module.exports = {
  pluginOptions: {
    webpackBundleAnalyzer: {
      analyzerMode: 'disabled'
    }
  },
  lintOnSave: false,
  runtimeCompiler: true,
  outputDir: '../priv/static',
  configureWebpack: {
    module: {
      rules: [ // fixes https://github.com/graphql/graphql-js/issues/1272
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: 'javascript/auto',
        },
      ],
    },
    output: {
      filename: 'app.js'
    }
  },
  chainWebpack: config => {
    // config
    //     .plugin('html')
    //     .tap(args => {
    //       args[0].minify = {
    //         removeComments: false,
    //       };
    //       return args
    //     });

    config.module
        .rule("vue")
        .use("vue-svg-inline-loader")
        .loader("vue-svg-inline-loader")
        .options({
          addAttributes: {
            role: "img",
            focusable: false,
            tabindex: -1,
            'aria-labelledby': "MobilizonLogoTitle"
          },
          svgo: {
            plugins: [
              {
                removeTitle: false,
              },
              {
                cleanupIDs: false
              }
            ]
          }
        });
  }
};