🔧 fix(docusaurus.config.js): fix import statement for remarkCodeHike to resolve linting error

✨ feat(docusaurus.config.js): add support for code highlighting with remarkCodeHike plugin

docs/docusaurus.config.js

@@ -1,9 +1,9 @@
 const lightCodeTheme = require("prism-react-renderer/themes/github");
 
+const { remarkCodeHike } = require("@code-hike/mdx");
 // With JSDoc @type annotations, IDEs can provide config autocompletion
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
-(
-  module.exports = {
+module.exports = {
   title: "Langflow Documentation",
   tagline: "Langflow is a GUI for LangChain, designed with react-flow",
   favicon: "img/favicon.ico",
@@ -27,13 +27,17 @@ const lightCodeTheme = require("prism-react-renderer/themes/github");
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
+          beforeDefaultRemarkPlugins: [[remarkCodeHike, { theme: "nord" }]],
           routeBasePath: "/",
           sidebarPath: require.resolve("./sidebars.js"),
           path: "docs",
           // sidebarPath: 'sidebars.js',
         },
         theme: {
-            customCss: require.resolve("./src/css/custom.css"),
+          customCss: [
+            require.resolve("@code-hike/mdx/styles.css"),
+            require.resolve("./src/css/custom.css"),
+          ],
         },
       }),
     ],
@@ -54,6 +58,7 @@ const lightCodeTheme = require("prism-react-renderer/themes/github");
       };
     },
   ],
+  themes: ["mdx-v2"],
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
@@ -119,9 +124,8 @@ const lightCodeTheme = require("prism-react-renderer/themes/github");
         },
         config: {},
       },
-        prism: {
-          theme: lightCodeTheme,
-        },
+      // prism: {
+      //   theme: require("prism-react-renderer/themes/dracula"),
+      // },
     }),
-  }
-);
+};