Chore/update gatsby version

.nvmrc

@@ -1 +1 @@
-12
+14

gatsby-config.js

@@ -14,9 +14,9 @@ module.exports = {
     image: `/assets/tl-favicon.svg`,
   },
   plugins: [
-    `gatsby-plugin-sass`,
-    "gatsby-transformer-sharp",
-    "gatsby-plugin-sharp",
+    {
+      resolve: `gatsby-plugin-sass`,
+    },
     {
       resolve: `gatsby-source-filesystem`,
       options: {
@@ -31,7 +31,6 @@ module.exports = {
         accessToken: process.env.CONTENTFUL_ACCESS_TOKEN,
       },
     },
-    `@contentful/gatsby-transformer-contentful-richtext`,
     `gatsby-transformer-remark`,
     {
       resolve: `gatsby-plugin-gdpr-cookies`,
@@ -46,7 +45,7 @@ module.exports = {
       },
     },
     {
-      resolve: `gatsby-plugin-intl`,
+      resolve: `gatsby-plugin-react-intl`,
       options: {
         // language JSON resource path
         path: `${__dirname}/src/intl`,
@@ -73,5 +72,8 @@ module.exports = {
     `gatsby-plugin-remove-serviceworker`,
     `gatsby-plugin-eslint`,
     "gatsby-plugin-next-seo",
+    `gatsby-plugin-image`,
+    `gatsby-plugin-sharp`,
+    `gatsby-transformer-sharp`,
   ],
 }

gatsby-node.js

@@ -23,7 +23,9 @@ exports.createPages = ({ graphql, actions }) => {
   return new Promise((resolve, reject) => {
     const locationTemplate = path.resolve("./src/templates/location.js")
     const talksTemplate = path.resolve("./src/templates/talks.js")
-    const talksregisterTemplate = path.resolve("./src/templates/talksregister.js")
+    const talksregisterTemplate = path.resolve(
+      "./src/templates/talksregister.js"
+    )
     resolve(
       graphql(
         `
@@ -91,3 +93,41 @@ exports.createPages = ({ graphql, actions }) => {
     )
   })
 }
+
+exports.onCreateWebpackConfig = ({
+  stage,
+  actions,
+  getConfig,
+  loaders,
+  plugins,
+}) => {
+  const config = getConfig()
+  const miniCssExtractPluginIndex = config.plugins.findIndex(
+    plugin => plugin.constructor.name === "MiniCssExtractPlugin"
+  )
+
+  if (miniCssExtractPluginIndex > -1) {
+    // remove miniCssExtractPlugin from plugins list
+    config.plugins.splice(miniCssExtractPluginIndex, 1)
+
+    // re-add mini-css-extract-plugin
+    if (stage === "build-javascript") {
+      config.plugins.push(
+        plugins.extractText({
+          filename: `[name].[contenthash].css`,
+          chunkFilename: `[name].[contenthash].css`,
+          ignoreOrder: true,
+        })
+      )
+    } else {
+      config.plugins.push(
+        plugins.extractText({
+          filename: `[name].css`,
+          chunkFilename: `[id].css`,
+          ignoreOrder: true,
+        })
+      )
+    }
+  }
+  actions.replaceWebpackConfig(config)
+}