Refactor import statements to use absolute paths

astro/src/layouts/Layout.astro

@@ -1,5 +1,5 @@
 ---
-import "global.css";
+import "@/global.css";
 export interface Props {
   title: string;
 }

astro/src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
-import Layout from "src/layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import { getPosts } from "src/utils/payload";
+import { getPosts } from "@/utils/payload";
 
 const posts = await getPosts();
 ---

astro/src/pages/posts/[id].astro

@@ -1,8 +1,8 @@
 ---
-import Layout from "src/layouts/Layout.astro";
+import Layout from "@/layouts/Layout.astro";
-import Content from "src/components/Content.astro";
+import Content from "@/components/Content.astro";
-import type { Post } from "src/types";
+import type { Post } from "@/types";
-import { getPost, getPosts } from "src/utils/payload";
+import { getPost, getPosts } from "@/utils/payload";
 
 export async function getStaticPaths() {
   const posts = await getPosts();

astro/src/utils/payload.ts

@@ -1,4 +1,4 @@
-import type { Post } from "src/types";
+import type { Post } from "@/types";
 
 const url = import.meta.env.DEV
   ? "http://payload:3001"

astro/tsconfig.json

@@ -2,6 +2,9 @@
   "extends": "astro/tsconfigs/strict",
   "compilerOptions": {
     "types": ["@astrojs/image/client"],
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
   }
 }