Add aliases to vite

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/`,
+      },
+    },
+  },
 });

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>

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,
   });