gridsome.config.js

// This is where project configuration and plugin options are located.
// Learn more: https://gridsome.org/docs/config

// Changes here require a server restart.
// To restart press CTRL + C in terminal and run `gridsome develop`

const path = require("path")

// Set Global Preprocessor Files
function addStyleResource(rule) {
  rule
    .use("style-resource")
    .loader("style-resources-loader")
    .options({
      patterns: [path.resolve(__dirname, "./src/assets/sass/globals/_index.scss")]
    })
}

module.exports = {
  siteName: "Aniversario 10",
  plugins: [
    {
      use: "gridsome-plugin-base-components"
    },
    {
      use: "@gridsome/vue-remark",
      options: {
        typeName: "Post", // Required
        baseDir: "./blog", // Where .md files are located
        pathPrefix: "/blog", // Add route prefix. Optional
        template: "./src/templates/Post.vue", // Optional
        remark: {
          autolinkHeadings: false // disable auto-adding links to headings
        }
      }
    }
  ],
  chainWebpack: config => {
    // Load variables for all vue-files
    const types = ["vue-modules", "vue", "normal-modules", "normal"]
    types.forEach(type => {
      addStyleResource(config.module.rule("scss").oneOf(type))
    })

    // Using SVGs as Components
    const svgRule = config.module.rule("svg")
    svgRule.uses.clear()
    svgRule.use("vue-svg-loader").loader("vue-svg-loader")
  }
}