fix(docs): plausible import was done wrong way

aevea · Jun 1, 2020 · 9db1b77 · 9db1b77 · vercel · Jun 1, 2020
1 parent 13ec80d
commit 9db1b77
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 44 deletions.
diff --git a/www/docusaurus.config.js b/www/docusaurus.config.js
@@ -72,4 +72,12 @@ module.exports = {
       },
     ],
   ],
+  scripts: [
+    {
+      src: "https://plausible.io/js/plausible.js",
+      async: true,
+      defer: true,
+      "data-domain": "commitsar.tech",
+    },
+  ],
 };
diff --git a/www/src/pages/index.js b/www/src/pages/index.js
@@ -59,52 +59,41 @@ function Home() {
   const context = useDocusaurusContext();
   const { siteConfig = {} } = context;
   return (
-    <>
-      <Head>
-        <script
-          async
-          defer
-          data-domain="commitsar.tech"
-          src="https://plausible.io/js/plausible.js"
-        >
-        </script>
-      </Head>
-      <Layout
-        title={`Hello from ${siteConfig.title}`}
-        description="Description will go into a meta tag in <head />"
-      >
-        <header className={classnames("hero hero--primary", styles.heroBanner)}>
-          <div className="container">
-            <h1 className="hero__title">{siteConfig.title}</h1>
-            <p className="hero__subtitle">{siteConfig.tagline}</p>
-            <div className={styles.buttons}>
-              <Link
-                className={classnames(
-                  "button button--outline button--secondary button--lg",
-                  styles.getStarted,
-                )}
-                to={useBaseUrl("docs/")}
-              >
-                Get Started
-              </Link>
-            </div>
+    <Layout
+      title={`Hello from ${siteConfig.title}`}
+      description="Description will go into a meta tag in <head />"
+    >
+      <header className={classnames("hero hero--primary", styles.heroBanner)}>
+        <div className="container">
+          <h1 className="hero__title">{siteConfig.title}</h1>
+          <p className="hero__subtitle">{siteConfig.tagline}</p>
+          <div className={styles.buttons}>
+            <Link
+              className={classnames(
+                "button button--outline button--secondary button--lg",
+                styles.getStarted,
+              )}
+              to={useBaseUrl("docs/")}
+            >
+              Get Started
+            </Link>
           </div>
-        </header>
-        <main>
-          {features && features.length > 0 && (
-            <section className={styles.features}>
-              <div className="container">
-                <div className="row">
-                  {features.map((props, idx) => (
-                    <Feature key={idx} {...props} />
-                  ))}
-                </div>
+        </div>
+      </header>
+      <main>
+        {features && features.length > 0 && (
+          <section className={styles.features}>
+            <div className="container">
+              <div className="row">
+                {features.map((props, idx) => (
+                  <Feature key={idx} {...props} />
+                ))}
               </div>
-            </section>
-          )}
-        </main>
-      </Layout>
-    </>
+            </div>
+          </section>
+        )}
+      </main>
+    </Layout>
   );
 }