vue.config.js

const appVersion = JSON.stringify(require('./package.json').version);

module.exports = {
  chainWebpack: (config) => {
    /* eslint-disable no-return-assign, no-param-reassign */
    config
      .plugin('html')
      .tap((args) => {
        args[0].title = process.VUE_CLI_SERVICE.pkg.title;
        args[0].meta = [
          { charset: 'utf-8' },
          { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
          { name: 'viewport', content: 'width=device-width,initial-scale=1.0,user-scalable=no' },
          { name: 'name', content: process.VUE_CLI_SERVICE.pkg.title },
          { name: 'description', content: process.VUE_CLI_SERVICE.pkg.description },
          { name: 'keywords', content: 'website, javascript, conference, developers, js, JSDC, 2022' },
          { name: 'author', content: 'JSDC Member' },
          // Facebook meta data
          { property: 'og:title', content: process.VUE_CLI_SERVICE.pkg.title },
          { property: 'og:description', content: process.VUE_CLI_SERVICE.pkg.description },
          { property: 'og:site_name', content: process.VUE_CLI_SERVICE.pkg.title },
          // Twitter meta data
          { name: 'twitter:card', content: 'summary' },
          { name: 'ttwitter:creator', content: 'JSDC Member' },
          { name: 'twitter:title', content: process.VUE_CLI_SERVICE.pkg.title },
          { name: 'twitter:card', content: process.VUE_CLI_SERVICE.pkg.description },
          { name: 'twitter:site', content: '@jsdc_tw' },
        ];
        return args;
      });
    config
      .plugin('define')
      .tap((args) => {
        args[0]['process.env'].version = appVersion;
        return args;
      });
    /* eslint-enable no-return-assign, no-param-reassign */
  },
  css: {
    loaderOptions: {
      scss: {
        additionalData: '@import \'~@/assets/styles/valuable.scss\';',
      },
    },
  },
};