From cbcb6c001171431e9a6b003d330fa81aa23b8f4f Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Wed, 24 Aug 2022 20:10:06 -0400
Subject: [PATCH] Add aliases to vite

---
 astro.config.mjs                       | 14 +++++++
 src/components/core/BasicScripts.astro | 55 ++++++++++++++++++++++++++
 src/utils/getPosts.js                  |  2 +-
 3 files changed, 70 insertions(+), 1 deletion(-)

diff --git a/astro.config.mjs b/astro.config.mjs
index 987f00f..91277fd 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,3 +1,4 @@
+import * as url from "url";
 import { defineConfig } from "astro/config";
 
 import tailwind from "@astrojs/tailwind";
@@ -6,10 +7,15 @@ import image from "@astrojs/image";
 
 import { SITE } from "./src/config.mjs";
 
+const __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+
 // https://astro.build/config
 export default defineConfig({
   // Astro uses this full URL to generate your sitemap and canonical URLs in your final build
   site: SITE.domain,
+  base: "/",
+
+  output: "static",
 
   integrations: [
     tailwind({
@@ -20,4 +26,12 @@ export default defineConfig({
     sitemap(),
     image(),
   ],
+
+  vite: {
+    resolve: {
+      alias: {
+        "~/": `${__dirname}src/`,
+      },
+    },
+  },
 });
diff --git a/src/components/core/BasicScripts.astro b/src/components/core/BasicScripts.astro
index 9c0fb83..d8ffe07 100644
--- a/src/components/core/BasicScripts.astro
+++ b/src/components/core/BasicScripts.astro
@@ -49,3 +49,58 @@ const {} = Astro.props;
     document.getElementById("menu")?.classList.add("hidden");
   };
 </script>
+
+<script>
+  function insertTwConfig() {
+    var config = {
+      extend: {
+        colors: {
+          clifford: "#da373d",
+        },
+        fontFamily: {
+          sans: "monospace",
+        },
+      },
+    };
+
+    var configScript = document.createElement("script");
+    configScript.setAttribute("data-tw-config", "");
+    var inlineScript = document.createTextNode(`
+        tailwind.config = {
+            theme: ${JSON.stringify(config)}
+        }
+    `);
+    configScript.appendChild(inlineScript);
+    document.head.appendChild(configScript);
+  }
+
+  function insertTwScript() {
+    var twScript = document.createElement("script");
+    twScript.src = "https://cdn.tailwindcss.com";
+    twScript.setAttribute("data-tw-script", "");
+    twScript.onload = function () {
+      insertTwConfig();
+    };
+
+    document.head.appendChild(twScript);
+  }
+
+  function updateTailwindCSS() {
+    const scripts = document.querySelectorAll(
+      "[data-tw-config], [data-tw-script]"
+    );
+    if (scripts && scripts.length) {
+      scripts.forEach(function (tag) {
+        tag.parentNode.removeChild(tag);
+      });
+    }
+
+    insertTwScript();
+  }
+
+  window.onload = function () {
+    attachEvent("[data-aw-update-tailwind]", "click", function (elem) {
+      updateTailwindCSS();
+    });
+  };
+</script>
diff --git a/src/utils/getPosts.js b/src/utils/getPosts.js
index 4b076af..838aa51 100644
--- a/src/utils/getPosts.js
+++ b/src/utils/getPosts.js
@@ -1,7 +1,7 @@
 import { getNormalizedPost } from "~/utils/getNormalizedPost";
 
 const load = async function () {
-  const posts = import.meta.glob("../data/posts/**/*.{md,mdx}", {
+  const posts = import.meta.glob("~/data/posts/**/*.{md,mdx}", {
     eager: true,
   });