Add @tailwindcss/typography plugin

package-lock.json

@@ -148,6 +148,12 @@
         "fastq": "^1.6.0"
       }
     },
+    "@tailwindcss/typography": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.3.1.tgz",
+      "integrity": "sha512-HyZ+3Eay8SGaPq7kcFoANZLr4EjeXQ19yjjb9fp6B0PHHpvZoe00jdsnpnooMEbx9J5rQ93nxPUG3MQmXVxGMQ==",
+      "dev": true
+    },
     "@types/babel-types": {
       "version": "7.0.9",
       "resolved": "https://registry.npmjs.org/@types/babel-types/-/babel-types-7.0.9.tgz",

package.json

@@ -14,6 +14,7 @@
   "license": "ISC",
   "devDependencies": {
     "@11ty/eleventy": "^0.11.1",
+    "@tailwindcss/typography": "^0.3.1",
     "autoprefixer": "^10.1.0",
     "postcss": "^8.2.1",
     "postcss-cli": "^8.3.1",

src/styles/global.css

@@ -1,2 +1,3 @@
 @tailwind base;
+@tailwind components;
 @tailwind utilities;

tailwind.config.js

@@ -912,5 +912,5 @@ module.exports = {
     wordBreak: ["responsive"],
     zIndex: ["responsive", "focus-within", "focus"],
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/typography")],
 };