From 33073798216b25a916f2d79463c9219e2f145b68 Mon Sep 17 00:00:00 2001
From: April Eaton <dev@aprileaton.net>
Date: Mon, 12 Jan 2026 17:45:05 +0100
Subject: [PATCH] Moving to better absoulte paths with `@` syntax

---
 client/src/App.tsx                     |  6 +++---
 client/src/components/header/index.tsx |  2 +-
 client/src/index.tsx                   | 10 +++++-----
 client/src/pages/about.tsx             |  4 ++--
 client/src/pages/root.tsx              |  4 ++--
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index b01dfa7..82db791 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -1,6 +1,6 @@
-import "/src/App.css";
-import { About } from "./pages/about";
-import { Root } from "./pages/root";
+import "@/App.css";
+import { About } from "@/pages/about";
+import { Root } from "@/pages/root";
 import { BrowserRouter, Route, Routes } from "react-router";
 
 export function App() {
diff --git a/client/src/components/header/index.tsx b/client/src/components/header/index.tsx
index cbbd234..90dcd5c 100644
--- a/client/src/components/header/index.tsx
+++ b/client/src/components/header/index.tsx
@@ -1,4 +1,4 @@
-import "/src/App.css";
+import "@/App.css";
 import "./header.css";
 import { Nav } from "./nav";
 
diff --git a/client/src/index.tsx b/client/src/index.tsx
index e2d3e7b..6dc29df 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -1,11 +1,11 @@
-import { createRoot } from 'react-dom/client';
-import { StrictMode } from 'react';
-import { App } from './App';
+import { createRoot } from "react-dom/client";
+import { StrictMode } from "react";
+import { App } from "@/App";
 
 let container = document.getElementById("app")!;
-let root = createRoot(container)
+let root = createRoot(container);
 root.render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 );
diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx
index a8dd87e..2f9ee32 100644
--- a/client/src/pages/about.tsx
+++ b/client/src/pages/about.tsx
@@ -1,5 +1,5 @@
-import { Page } from "/src/pages/page";
-import "/src/App.css";
+import { Page } from "@/pages/page";
+import "@/App.css";
 
 export function About() {
   return (
diff --git a/client/src/pages/root.tsx b/client/src/pages/root.tsx
index c8cf456..1060df5 100644
--- a/client/src/pages/root.tsx
+++ b/client/src/pages/root.tsx
@@ -1,5 +1,5 @@
-import { Page } from "/src/pages/page";
-import "/src/App.css";
+import { Page } from "./page";
+import "@/App.css";
 
 export function Root() {
   return (