feat: upgrade vite-plugin-mdx

Author: codebender828

package.json

@@ -133,7 +133,9 @@
     "typescript": "^4.1.3",
     "vite": "^2.3.8",
     "vite-plugin-components": "^0.8.3",
+    "vite-plugin-mdx-vue": "^1.6.0",
     "vite-plugin-pages": "^0.9.2",
+    "vite-ssg": "^0.11.4",
     "vitepress": "^0.12.0",
     "vue": "^3.0.11",
     "vue-jest": "^5.0.0-alpha.7",

website/package.json

@@ -34,8 +34,8 @@
     "vite-plugin-components": "^0.8.3",
     "vite-plugin-icons": "^0.3.3",
     "vite-plugin-md": "^0.6.0",
-    "vite-plugin-mdx-vue": "^1.1.3",
+    "vite-plugin-mdx-vue": "^1.6.0",
     "vite-plugin-pages": "^0.9.2",
-    "vite-ssg": "^0.9.2"
+    "vite-ssg": "^0.11.4"
   }
 }

website/src/main.ts

@@ -28,30 +28,30 @@ export const createApp = ViteSSG(App, { routes }, ({ app, isClient }) => {
     hydrate(ssrIds)
   }
 
-  app.use(ChakraUIVuePlugin, {
-    extendTheme: customTheme,
-    icons: {
-      library: {
-        feBook,
-        feGithub,
-        feMenu,
-        feMessageCircle,
-        fePackage,
-        feSearch,
-        feStar,
-        feTwitter,
-        feCompass,
-        feExternalLink,
-      },
-      extend: {
-        discord: {
-          path:
-            '<path fill="currentColor" d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z" fa-key="3" fill="currentColor"></path>',
-          viewBox: '0 0 496 512',
-        },
-      },
-    },
-  })
+  // app.use(ChakraUIVuePlugin, {
+  //   extendTheme: customTheme,
+  //   icons: {
+  //     library: {
+  //       feBook,
+  //       feGithub,
+  //       feMenu,
+  //       feMessageCircle,
+  //       fePackage,
+  //       feSearch,
+  //       feStar,
+  //       feTwitter,
+  //       feCompass,
+  //       feExternalLink,
+  //     },
+  //     extend: {
+  //       discord: {
+  //         path:
+  //           '<path fill="currentColor" d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z" fa-key="3" fill="currentColor"></path>',
+  //         viewBox: '0 0 496 512',
+  //       },
+  //     },
+  //   },
+  // })
 
   domElements.forEach((tag) => {
     app.component(`chakra.${tag}`, chakra(tag))