chore: add math formula deps

cosmos · Dec 4, 2023 · dde4bdf · dde4bdf
1 parent d11057c
commit dde4bdf
Show file tree

Hide file tree

Showing 4 changed files with 267 additions and 63 deletions.
diff --git a/docs/docs/adrs/adr-template.md b/docs/docs/adrs/adr-template.md
@@ -38,4 +38,4 @@ If the proposed change will be large, please also indicate a way to do the chang
 
 > Are there any relevant PR comments, issues that led up to this, or articles referenced for why we made the given design choice? If so link them here!
 
-* {reference link}
+* \{reference link}
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -1,8 +1,10 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
+import remarkMath from "remark-math";
+import rehypeKatex from "rehype-katex";
 
-const lightCodeTheme = require('prism-react-renderer').themes.github;
-const darkCodeTheme = require('prism-react-renderer').themes.dracula;
+const lightCodeTheme = require("prism-react-renderer").themes.github;
+const darkCodeTheme = require("prism-react-renderer").themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -35,14 +37,16 @@ const config = {
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          sidebarPath: require.resolve('./sidebars.js'),
+          sidebarPath: require.resolve("./sidebars.js"),
           routeBasePath: "/",
           versions: {
             current: {
               path: "/",
               // banner: "current",
             },
           },
+          remarkPlugins: [remarkMath],
+          rehypePlugins: [rehypeKatex],
         },
 
         theme: {
@@ -62,20 +66,19 @@ const config = {
         },
       },
       colorMode: {
-        defaultMode: 'dark',
+        defaultMode: "dark",
         disableSwitch: false,
         respectPrefersColorScheme: false,
       },
       navbar: {
         title: "Interchain Security",
         hideOnScroll: false,
         logo: {
-          alt: 'Interchain Security Logo',
-          src: '/interchain-security/img/hub.svg',
-          src: '/img/hub.svg',
-          href: '/',
-          target: '_self',
-        },        
+          alt: "Interchain Security Logo",
+          src: "/img/hub.svg",
+          href: "/",
+          target: "_self",
+        },
         items: [
           {
             href: "https://github.com/cosmos/interchain-security",
@@ -165,7 +168,8 @@ const config = {
             ],
           },
         ],
-        copyright: "The development of Interchain Security is primarily led by Informal Systems. Funding for this development comes primarily from the Interchain Foundation, a Swiss non-profit.",
+        copyright:
+          "The development of Interchain Security is primarily led by Informal Systems. Funding for this development comes primarily from the Interchain Foundation, a Swiss non-profit.",
       },
       prism: {
         theme: lightCodeTheme,