fix: google analytics

Author: SekulDev

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+    },
+};

theme.config.tsx

@@ -2,7 +2,6 @@ import React from "react";
 import { DocsThemeConfig, useConfig } from "nextra-theme-docs";
 import { useRouter } from "next/router";
 import { GoogleAnalytics } from '@next/third-parties/google'
-import Script from "next/script";
 
 const config: DocsThemeConfig = {
     head: () => {
@@ -19,19 +18,7 @@ const config: DocsThemeConfig = {
         return (
             <>
                 <title>{fullTitle}</title>
-                <Script
-                    strategy='lazyOnload'
-                    src={`https://www.googletagmanager.com/gtag/js?id=${googleId}`}
-                />
-
-                <Script id='' strategy='lazyOnload'>
-                    {`
-                        window.dataLayer = window.dataLayer || [];
-                        function gtag(){dataLayer.push(arguments);}
-                        gtag('js', new Date());
-                        gtag('config', '${googleId}');
-                    `}
-                </Script>
+                <GoogleAnalytics gaId={googleId} />
                 <link rel="icon" type="image/png" href="/logo.png" />
 
                 <meta httpEquiv="Content-Language" content="en" />