diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index a0ff89f..d489d40 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -3,13 +3,13 @@
 </script>
 
 <script lang="ts">
-	import ThemeSwitcher from '../components/ThemeSwitcher.svelte';
+	import ThemeSwitcher from '$components/ThemeSwitcher.svelte';
 	import { page } from '$app/stores';
 	import { mdiCopyright } from '@mdi/js';
 	import Icon from 'mdi-svelte';
 	import '@fontsource/ubuntu-mono/400.css';
-	import Link from '../components/Link.svelte';
-	import MoveUpButton from '../components/MoveUpButton.svelte';
+	import Link from '$components/Link.svelte';
+	import MoveUpButton from '$components/MoveUpButton.svelte';
 
 	const NAV_ITEMS = [
 		{ href: '/', label: 'Home' },
diff --git a/src/routes/blog/index.svelte b/src/routes/blog/index.svelte
index 0e52a1c..724b126 100644
--- a/src/routes/blog/index.svelte
+++ b/src/routes/blog/index.svelte
@@ -21,8 +21,8 @@
 
 <script lang="ts">
 	import type { BlogPostMeta } from '../../types';
-	import Link from '../../components/Link.svelte';
-	import ListItem from '../../components/ListItem.svelte';
+	import Link from '$components/Link.svelte';
+	import ListItem from '$components/ListItem.svelte';
 
 	export let posts: BlogPostMeta[];
 </script>
diff --git a/src/routes/contact.svelte b/src/routes/contact.svelte
index 65fb271..8f6a96c 100644
--- a/src/routes/contact.svelte
+++ b/src/routes/contact.svelte
@@ -13,9 +13,9 @@
 	import { mdiEmailEditOutline } from '@mdi/js';
 	import { mdiGithub } from '@mdi/js';
 	import Icon from 'mdi-svelte';
-	import Element from '../components/element.svelte';
-	import Link from '../components/Link.svelte';
-	import ListItem from '../components/ListItem.svelte';
+	import Element from '$components/element.svelte';
+	import Link from '$components/Link.svelte';
+	import ListItem from '$components/ListItem.svelte';
 </script>
 
 <h1>Contact Information</h1>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index a49f1ea..e2e51b4 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -11,8 +11,8 @@
 </script>
 
 <script lang="ts">
-	import ListItem from '../components/ListItem.svelte';
-	import Link from '../components/Link.svelte';
+	import ListItem from '$components/ListItem.svelte';
+	import Link from '$components/Link.svelte';
 	import type { Skill } from '../types';
 
 	let _SKILLS = [
diff --git a/svelte.config.js b/svelte.config.js
index fe1bb77..f58b0f2 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -13,15 +13,16 @@ const config = {
 	// for more information about preprocessors
 	preprocess: [
 		preprocess({ postcss: { plugins: [autoprefixer, cssNormalizer()] } }),
-		mdsvex(mdsvexconfig)
+		mdsvex(mdsvexconfig),
 	],
 
 	kit: {
-		adapter: adapter()
+		adapter: adapter(),
+		alias: { $components: 'src/components' },
 	},
 	prerender: {
-		default: true
-	}
+		default: true,
+	},
 };
 
 export default config;