feat: fix dynamic require

components/Code/index.tsx

@@ -6,13 +6,16 @@ import React, { createRef } from 'react';
 // https://github.com/codemirror/CodeMirror/issues/3701#issuecomment-164904534
 let syntaxHighlighter;
 let canonicalLanguage = _ => '';
+
 if (typeof window !== 'undefined') {
-  // eslint-disable-next-line global-require
-  syntaxHighlighter = require('@readme/syntax-highlighter').default;
-  // eslint-disable-next-line global-require
-  ({ canonical: canonicalLanguage } = require('@readme/syntax-highlighter'));
+  const module = await import('@readme/syntax-highlighter');
+
+  syntaxHighlighter = module.default;
+  canonicalLanguage = module.canonical;
 }
 
+console.log(syntaxHighlighter);
+
 function CopyCode({ codeRef, rootClass = 'rdmd-code-copy', className = '' }) {
   const copyClass = `${rootClass}_copied`;
   const button = createRef<HTMLButtonElement>();

example/App.tsx

@@ -3,7 +3,7 @@ import { HashRouter, Navigate, Route, Routes } from 'react-router-dom';
 
 import GlossaryContext from '../contexts/GlossaryTerms';
 
-require('./demo.scss');
+import './demo.scss';
 
 import Root from './Root';
 import docs from './docs';

tsconfig.json

@@ -11,11 +11,11 @@
       "DOM", // Loaded to our global type availability for access to `fetch`.
       "DOM.iterable"
     ],
-    "module": "es2020",
+    "module": "es2022",
     "moduleResolution": "Bundler",
     "outDir": "dist",
     "sourceMap": true,
-    "target": "ES2015",
+    "target": "ES2017",
     "types": ["vitest/globals"]
   },
   "include": ["./index.ts", "./options.js", "./components", "./contexts", "./example", "./lib", "./processor"],