Use smart quotes

Author: adamwathan

next.config.js

@@ -2,6 +2,7 @@ const path = require('path')
 const querystring = require('querystring')
 const { createLoader } = require('simple-functional-loader')
 const frontMatter = require('front-matter')
+const withSmartQuotes = require('@silvenon/remark-smartypants')
 const { withTableOfContents } = require('./remark/withTableOfContents')
 const { withSyntaxHighlighting } = require('./remark/withSyntaxHighlighting')
 const { withProse } = require('./remark/withProse')
@@ -88,10 +89,9 @@ module.exports = withBundleAnalyzer({
               withTableOfContents,
               withSyntaxHighlighting,
               withNextLinks,
+              withSmartQuotes,
             ],
-            rehypePlugins: [
-              withLinkRoles,
-            ],
+            rehypePlugins: [withLinkRoles],
           },
         },
         createLoader(function (source) {

package.json

@@ -19,6 +19,7 @@
     "@next/bundle-analyzer": "^9.4.4",
     "@next/mdx": "^10.0.1",
     "@reach/rect": "^0.10.5",
+    "@silvenon/remark-smartypants": "^1.0.0",
     "@sindresorhus/slugify": "^1.1.0",
     "@svgr/webpack": "^5.4.0",
     "@tailwindcss/jit": "^0.1.18",