making file paths less of a pain to work with by adding import path in tsconfig.json

src/content/bookmarks/bookmarks.md

···
 ---
 ---
+
 - [vielle.dev](https://vielle.dev/) - Cool dev, she codes awesome stuff. Has helped quite a lot with my website too. :P
 - [yugoslavia.best](https://yugoslavia.best) - Click here to experience instant brain explosion.
+
 ## Resources and tools
+
 - [Marginalia Search](https://marginalia-search.com/) - Better internet search engine that doesn't shove ads down your throat, unlike google.
-- [DaFont](https://www.dafont.com/) - Free fonts for commercial and personal use. Make sure to check the license for each font before using.
+- [DaFont](https://www.dafont.com/) - Free fonts for commercial and personal use. Make sure to check the license for each font before using.

src/content/bookmarks/personalsites.ts

···
-import { type bookmark } from "../config";
+import { type bookmark } from "/content/config";
 
 export const buttonwall: bookmark[] = [
   {
···
     url: "https://myrrh.city/",
     filetype: ".png",
   },
-];
+];

src/layouts/SinglePage.astro

···
 ---
-import "../styles/main.css";
-import Toolbar from "../components/Toolbar.astro";
+import "/styles/main.css";
+import Toolbar from "/components/Toolbar.astro";
 
 const { backlink } = Astro.props;
 ---

src/pages/404.astro

···
 ---
-import Base from "../components/Base.astro";
-import "../styles/main.css";
-import "../styles/splashscreen.css";
+import Base from "/components/Base.astro";
+import "/styles/main.css";
+import "/styles/splashscreen.css";
 ---
 
 <Base title="404">

src/pages/blog/[slug].astro

···
 ---
 import { getCollection, render } from "astro:content";
-import Base from "../../components/Base.astro";
-import Toolbar from "../../components/Toolbar.astro";
-import "../../styles/main.css";
+import Base from "/components/Base.astro";
+import Toolbar from "/components/Toolbar.astro";
+import "/styles/main.css";
 
 export async function getStaticPaths() {
   const posts = await getCollection("blog");

src/pages/blog/index.astro

···
 ---
 import { getCollection } from "astro:content";
-import Base from "../../components/Base.astro";
-import SinglePage from "../../layouts/SinglePage.astro";
-import BlogPost from "../../components/BlogPost.astro";
+import Base from "/components/Base.astro";
+import SinglePage from "/layouts/SinglePage.astro";
+import BlogPost from "/components/BlogPost.astro";
 
 const post = await getCollection("blog").then((x) =>
   x.sort(

src/pages/bookmarks.astro

···
 ---
-import Base from "../components/Base.astro";
-import SinglePage from "../layouts/SinglePage.astro";
-import SiteButton from "../components/SiteButton.astro";
-import { buttonwall } from "../content/bookmarks/personalsites.ts";
-import {Content as OtherBookmarks} from '../content/bookmarks/bookmarks.md';
+import Base from "/components/Base.astro";
+import SinglePage from "/layouts/SinglePage.astro";
+import SiteButton from "/components/SiteButton.astro";
+import { buttonwall } from "/content/bookmarks/personalsites.ts";
+import { Content as OtherBookmarks } from "/content/bookmarks/bookmarks.md";
 ---
 
 <Base

src/pages/home.astro

···
 ---
 import { getCollection } from "astro:content";
-import Base from "../components/Base.astro";
-import BlogPost from "../components/BlogPost.astro";
-import "../styles/main.css";
+import Base from "/components/Base.astro";
+import BlogPost from "/components/BlogPost.astro";
+import "/styles/main.css";
 
 const post = await getCollection("blog").then((x) =>
   x.sort(

src/pages/index.astro

···
 ---
-import Base from "../components/Base.astro";
-import "../styles/main.css";
-import "../styles/splashscreen.css";
+import Base from "/components/Base.astro";
+import "/styles/main.css";
+import "/styles/splashscreen.css";
 ---
 
 <Base

tsconfig.json

···
 {
   "extends": "astro/tsconfigs/strict",
   "include": [".astro/types.d.ts", "**/*"],
-  "exclude": ["dist"]
+  "exclude": ["dist"],
+  "compilerOptions": {
+    "paths": {
+      "/*": ["./src/*"]
+    }
+  }
 }