feat: add vercel analytics

docs/package.json

@@ -37,6 +37,7 @@
     "@docusaurus/theme-common": "2.0.1",
     "@mdx-js/react": "1.6.22",
     "@svgr/webpack": "6.2.1",
+    "@vercel/analytics": "0.1.3",
     "clsx": "1.1.1",
     "file-loader": "6.2.0",
     "prism-react-renderer": "1.3.3",

docs/src/theme/Root.js

@@ -1,9 +1,12 @@
 import React from "react";
 import Head from "@docusaurus/Head";
 import { useThemeConfig } from "@docusaurus/theme-common";
-import { domain, isProduction, withUrl } from "../utils";
+import { withUrl } from "../utils";
+import { inject } from "@vercel/analytics";
 
 function CustomRoot({ children }) {
+  inject();
+
   const { metaTags } = useThemeConfig();
 
   const title = metaTags.find((item) => item.name === "data-title").content;
@@ -15,15 +18,6 @@ function CustomRoot({ children }) {
 
         <link rel="apple-touch-icon" href="/assets/img/favicon@192px.png" />
         <meta name="apple-mobile-web-app-title" content={title} />
-
-        {isProduction && (
-          <script
-            async
-            defer
-            data-domain={domain}
-            src="https://plausible.io/js/plausible.js"
-          />
-        )}
       </Head>
 
       {children}