const path = require("path");

module.exports = {
  publicPath: ".",
  chainWebpack: config => {
    const fontRule = config.module.rule("font");
    fontRule.uses.clear();

    // updates for vue-svg-loader: https://www.npmjs.com/package/vue-svg-loader
    const svgRule = config.module.rule("svg");
    svgRule.uses.clear();
    svgRule
      .use("babel-loader")
      .loader("babel-loader")
      .end()
      .use("vue-svg-loader")
      .loader("vue-svg-loader");
  },
  configureWebpack: {
    devtool: "source-map",
    plugins: []
  },
  transpileDependencies: ["vuetify"],
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "scss",
      patterns: [path.resolve(__dirname, "./src/scss/**/*.scss")]
    }
  }
};