Added party town

astro.config.mjs

@@ -2,14 +2,19 @@ import { defineConfig } from "astro/config";
 import tailwind from "@astrojs/tailwind";
 import svelte from "@astrojs/svelte";
 import sitemap from "@astrojs/sitemap";
-
 import mdx from "@astrojs/mdx";
+import partytown from "@astrojs/partytown";
 
+// https://astro.build/config
 export default defineConfig({
   site: "https://rafa.page/",
   integrations: [tailwind({
     config: {
-      applyBaseStyles: false,
+      applyBaseStyles: false
     }
-  }), svelte(), sitemap(), mdx()]
-});
+  }), svelte(), sitemap(), mdx(), partytown({
+    config: {
+      forward: ["dataLayer.push"]
+    }
+  })]
+});

package.json

@@ -23,5 +23,8 @@
     "tailwindcss": "^3.2.7",
     "typescript": "^4.9.5",
     "vite": "^4.1.4"
+  },
+  "dependencies": {
+    "@astrojs/partytown": "^1.2.0"
   }
 }

src/data/profile.json

@@ -49,16 +49,16 @@
       "url": "https://github.com/acromatico-development",
       "icon": "github"
     },
-    {
-      "name": "Instagram",
-      "url": "https://www.instagram.com/acromatico.dev",
-      "icon": "instagram"
-    },
     {
       "name": "Discord",
       "url": "https://discord.gg/NswUaFSG",
       "icon": "discord"
     },
+    {
+      "name": "Instagram",
+      "url": "https://www.instagram.com/acromatico.dev",
+      "icon": "instagram"
+    },
     {
       "name": "LinkedIn",
       "url": "https://www.linkedin.com/company/acromatico",

src/layouts/main.astro

@@ -164,9 +164,10 @@ const {
     }
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-45FLVCCPTZ"
+    <script type="text/partytown" src="https://www.googletagmanager.com/gtag/js?id=G-45FLVCCPTZ"
     ></script>
     <script
+      type="text/partytown"
       set:html={`
 				window.dataLayer = window.dataLayer || [];
 				function gtag() {