Docs corrections (#18)

* Fix svelte and shell code highlighting * Correct and update docs
pdfslick · Nov 5, 2023 · 75d57c6 · 75d57c6
1 parent 1914ee2
commit 75d57c6
Show file tree

Hide file tree

Showing 8 changed files with 405 additions and 24 deletions.
diff --git a/apps/web/components/docs/Fence.tsx b/apps/web/components/docs/Fence.tsx
@@ -1,20 +1,14 @@
-import { Fragment, useEffect } from "react";
-import { Highlight, Prism, themes } from "prism-react-renderer";
-
-(typeof global !== "undefined" ? global : window).Prism = Prism;
+import { Fragment } from "react";
+import { Highlight, themes } from "prism-react-renderer";
+import { Prism } from "./Prism";
 
 export function Fence({ children, language }: any) {
-  useEffect(() => {
-    (async () => {
-      // @ts-ignore
-      await import("prism-svelte");
-    })();
-  }, []);
   return (
     <Highlight
       code={children.trimEnd()}
       language={language}
       theme={themes.dracula}
+      prism={Prism}
     >
       {({ className, style, tokens, getTokenProps }) => (
         <pre className={className} style={style}>