⬆️ Bumped up to v3.0

Original folder state

docusaurus.config.js

@@ -1,39 +1,40 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-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");
+import { themes } from "prism-react-renderer";
+console.log("endha", themes);
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: 'ThreeTwo!',
-  tagline: 'Start Flipping!',
-  url: 'https://rishighan.github.io',
-  baseUrl: '/threetwo-docs/',
-  onBrokenLinks: 'throw',
-  onBrokenMarkdownLinks: 'warn',
-  favicon: 'img/favicon.ico',
-  organizationName: 'rishighan', // Usually your GitHub org/user name.
-  projectName: 'threetwo-docs', // Usually your repo name.
+  title: "ThreeTwo!",
+  tagline: "Start Flipping!",
+  url: "https://rishighan.github.io",
+  baseUrl: "/threetwo-docs/",
+  onBrokenLinks: "throw",
+  onBrokenMarkdownLinks: "warn",
+  favicon: "img/favicon.ico",
+  organizationName: "rishighan", // Usually your GitHub org/user name.
+  projectName: "threetwo-docs", // Usually your repo name.
 
   presets: [
     [
-      '@docusaurus/preset-classic',
+      "@docusaurus/preset-classic",
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          sidebarPath: require.resolve('./sidebars.js'),
+          sidebarPath: require.resolve("./sidebars.js"),
           // Please change this to your repo.
-          editUrl: 'https://github.com/facebook/docusaurus/edit/main/website/',
+          editUrl: "https://github.com/facebook/docusaurus/edit/main/website/",
         },
         blog: {
           showReadingTime: true,
           // Please change this to your repo.
           editUrl:
-            'https://github.com/facebook/docusaurus/edit/main/website/blog/',
+            "https://github.com/facebook/docusaurus/edit/main/website/blog/",
         },
         theme: {
-          customCss: require.resolve('./src/css/custom.css'),
+          customCss: require.resolve("./src/css/custom.css"),
         },
       }),
     ],
@@ -43,61 +44,61 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       navbar: {
-        title: 'ThreeTwo!',
+        title: "ThreeTwo!",
         logo: {
-          alt: 'My Site Logo',
-          src: 'img/threetwo.png',
+          alt: "My Site Logo",
+          src: "img/threetwo.png",
         },
         items: [
           {
-            type: 'doc',
-            docId: 'intro',
-            position: 'left',
-            label: 'Quick Start',
+            type: "doc",
+            docId: "intro",
+            position: "left",
+            label: "Quick Start",
           },
-          {to: '/blog', label: 'Blog', position: 'left'},
+          { to: "/blog", label: "Blog", position: "left" },
           {
-            href: 'https://github.com/rishighan/threetwo',
-            label: 'GitHub',
-            position: 'right',
+            href: "https://github.com/rishighan/threetwo",
+            label: "GitHub",
+            position: "right",
           },
         ],
       },
       footer: {
-        style: 'dark',
+        style: "dark",
         links: [
           {
-            title: 'Docs',
+            title: "Docs",
             items: [
               {
-                label: 'Tutorial',
-                to: '/docs/intro',
+                label: "Tutorial",
+                to: "/docs/intro",
               },
             ],
           },
           {
-            title: 'Community',
+            title: "Community",
             items: [
               {
-                label: 'Github',
-                href: 'https://github.com/rishighan/threetwo',
+                label: "Github",
+                href: "https://github.com/rishighan/threetwo",
               },
               {
-                label: 'Discord',
-                href: 'https://discord.gg/n4HZ4j33uT',
+                label: "Discord",
+                href: "https://discord.gg/n4HZ4j33uT",
               },
             ],
           },
           {
-            title: 'More',
+            title: "More",
             items: [
               {
-                label: 'Blog',
-                to: '/blog',
+                label: "Blog",
+                to: "/blog",
               },
               {
-                label: 'Rishi Ghan',
-                href: 'https://rishighan.com',
+                label: "Rishi Ghan",
+                href: "https://rishighan.com",
               },
             ],
           },
@@ -105,11 +106,12 @@ const config = {
         copyright: `Copyright © ${new Date().getFullYear()} Quasar Software, LLC. Built with Docusaurus.`,
       },
       colorMode: {
-        disableSwitch: true,
+        disableSwitch: false,
+        respectPrefersColorScheme: false,
       },
       prism: {
-        theme: lightCodeTheme,
-        darkTheme: darkCodeTheme,
+        theme: themes.github,
+        darkTheme: themes.dracula,
       },
     }),
 };

package.json

@@ -15,21 +15,25 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "^2.1.0",
-    "@docusaurus/preset-classic": "^2.1.0",
-    "@mdx-js/react": "^1.6.21",
+    "@docusaurus/core": "^3.1.1",
+    "@docusaurus/preset-classic": "^3.1.1",
+    "@mdx-js/react": "^3.0.0",
     "@svgr/webpack": "^5.5.0",
     "clsx": "^1.1.1",
     "file-loader": "^6.2.0",
-    "prism-react-renderer": "^1.2.1",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "prism-react-renderer": "^2.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "url-loader": "^4.1.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.1.0",
-    "@tsconfig/docusaurus": "^1.0.4",
-    "typescript": "^4.3.5"
+    "@docusaurus/module-type-aliases": "^3.1.1",
+    "@docusaurus/tsconfig": "^3.1.1",
+    "@docusaurus/types": "^3.1.1",
+    "@types/react": "^18.2.29"
+  },
+  "engines": {
+    "node": ">=18.0"
   },
   "browserslist": {
     "production": [