vue.config.js

const path = require("path");

const markdownItClass = require("markdown-it");
process.env.VUE_APP_VERSION = require("./package.json").version;

const mdLoader = markdownItClass({
  html: true,
  breaks: true,
  linkify: true,
});
const mdLoaderPlain = markdownItClass({
  html: true,
  breaks: true,
  linkify: true,
});

// mdLoader.preventExtract = true;
mdLoader.raw = true;
mdLoader.wrapper = "div";

mdLoaderPlain.raw = true;
mdLoaderPlain.wrapper = "div";
mdLoaderPlain.wrapperClass = "vue-markdown-plain";

const GenomeFeatureViewer = path.resolve(
  __dirname,
  "node_modules/genomefeaturecomponent/src/index.js"
);
const GenomeFeatureViewerCSS = path.resolve(
  __dirname,
  "node_modules/genomefeaturecomponent/src/GenomeFeatureViewer.css"
);

const vueConfig = {
  runtimeCompiler: true,
  // outputDir: 'dist',
  publicPath: "/",

  lintOnSave: false,

  pluginOptions: {
    // https://github.com/mrbbot/vue-cli-plugin-webpack-bundle-analyzer
    // https://github.com/webpack-contrib/webpack-bundle-analyzer#options-for-plugin
    webpackBundleAnalyzer: {
      analyzerMode: "disabled",
    },
  },

  configureWebpack: {
    resolve: {
      alias: {
        // https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
        vue$: "vue/dist/vue.common.js",
        GenomeFeatureViewer: GenomeFeatureViewer,
        GenomeFeatureViewerCSS: GenomeFeatureViewerCSS,
        esprima$: path.join(__dirname, "src/NOP.js"),
      },
    },
  },

  chainWebpack: (config) => {
    // config.resolve.alias.set(
    //   'GenomeFeatureComponent',
    //   GenomeFeatureComponent
    // );

    config.resolveLoader.modules.add(path.resolve("./src/loaders/"));
    config.module
      .rule("README")
      .test(/\.md$/)
      .include.add(path.resolve("./README.md"))
      .end()
      .use("vue-loader")
      .loader("vue-loader")
      .end()
      .use("vue-markdown-loader")
      .loader("vue-markdown-loader-improved.js")
      .options(mdLoaderPlain);

    config.module
      .rule("CONTRIBUTING")
      .test(/\.md$/)
      .include.add(path.resolve("./CONTRIBUTING.md"))
      .end()
      .use("vue-loader")
      .loader("vue-loader")
      .end()
      .use("vue-markdown-loader")
      .loader("vue-markdown-loader-improved.js")
      .options(mdLoaderPlain);

    config.module
      .rule("md")
      .test(/\.md$/)
      .include.add(path.resolve("src/"))
      .end()
      .use("vue-loader")
      .loader("vue-loader")
      .end()
      .use("vue-markdown-loader")
      // Original: .loader('vue-markdown-loader/lib/markdown-compiler')
      .loader("vue-markdown-loader-improved.js")
      .options(mdLoader);

    config.module
      .rule("vue")
      .use("vue-loader")
      .loader("vue-loader")
      .tap((options) => {
        /* eslint no-param-reassign: 0 */
        options.transformAssetUrls = {
          img: "src",
          image: "xlink:href",
          "b-img": "src",
          "b-img-lazy": ["src", "blank-src"],
          "b-card": "img-src",
          "b-card-img": "img-src",
          "b-carousel-slide": "img-src",
          "b-embed": "src",
        };

        return options;
      });
  },
};

module.exports = vueConfig;