vue.config.js

const path = require("path");
const fs = require("fs");

const gaTempHTML = fs.readFileSync(path.join(__dirname, "./template/ga.html"));

const sessionData = require(path.join(__dirname, "./public/json/session.json"));

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "/2021/" : "/",
  pluginOptions: {
    prerenderSpa: {
      registry: undefined,
      renderRoutes: [
        '/2021/',
        '/2021/cfp',
        '/2021/cfp/',
        '/2021/cfp/news',
        '/2021/cfp/news/',
        '/2021/cfp/ocfp-news',
        '/2021/cfp/ocfp-news/',
        '/2021/agenda',
        '/2021/agenda/',
        ...sessionData.sessions.map((session) => `/2021/agenda/${session.id}`),
        ...sessionData.sessions.map((session) => `/2021/agenda/${session.id}/`),
        '/2021/venue',
        '/2021/venue/',
        '/2021/traffic',
        '/2021/traffic/',
        '/2021/team',
        '/2021/team/',
        '/2021/sponsor',
        '/2021/sponsor/',
        ...sessionData.rooms.map((room)=>`/2021/slido/${room.id.toLowerCase()}`),
        ...sessionData.rooms.map((room)=>`/2021/record/${room.id.toLowerCase()}`),
        ...sessionData.rooms.map((room)=>`/2021/slido/${room.id.toLowerCase()}/`),
        ...sessionData.rooms.map((room)=>`/2021/record/${room.id.toLowerCase()}/`)
      ],
      useRenderEvent: true,
      headless: true,
      onlyProduction: true,
      postProcess: (route) => {
        // Auto inject GA template
        route.html = route.html.replace(
          "<noscript>{{{ %GA_TEMPLATE% }}}</noscript>",
          route.route === '/2021/' ? gaTempHTML + '<link rel="canonical" href="https://sitcon.org/2021/" />' : gaTempHTML
        );
        return route;
      }
    },
  },
};