chore: fix website

Author: danez

.gitignore

@@ -1,5 +1,6 @@
 build/
 coverage/
+examples/dist/
 node_modules/
 npm-debug.log
 lib/

examples/src/components/ExampleItem.js

@@ -3,7 +3,7 @@ import T from 'prop-types';
 import { Tab, Tabs, TabList, TabPanel } from 'react-tabs'; // eslint-disable-line
 import { LiveProvider, LiveEditor, LivePreview, LiveError } from 'react-live';
 import classNames from 'clsx';
-import dracula from 'prism-react-renderer/themes/dracula';
+import { themes } from 'prism-react-renderer';
 
 const scope = { Tabs, Tab, TabList, TabPanel };
 
@@ -56,7 +56,7 @@ export default class ExampleItem extends Component {
         <LiveProvider
           scope={scope}
           code={this.props.code}
-          theme={dracula}
+          theme={themes.dracula}
           noInline
         >
           <LiveError />

package.json

@@ -79,6 +79,7 @@
     "mini-css-extract-plugin": "2.7.5",
     "npm-run-all": "4.1.5",
     "prettier": "2.8.8",
+    "prism-react-renderer": "2.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-live": "4.1.1",

yarn.lock

@@ -6051,7 +6051,7 @@ pretty-format@^29.0.0, pretty-format@^29.5.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-prism-react-renderer@*:
+prism-react-renderer@*, [email protected]:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/prism-react-renderer/-/prism-react-renderer-2.0.4.tgz#df607d5ee1fdaeabf792b021bb7a91f7bd603a6f"
   integrity sha512-1fcayBPhlGWLjKHeZMA2eJbvLsq1YJsoP3CUOF0BNlobw4knAYS6EWHYawywaZ5zoIxYkgxuqrrkCj7b+135ow==