diff --git a/src/routes/directory/[slug]/+page.svelte b/src/routes/directory/[slug]/+page.svelte
index 3d92b2d..3bfe906 100644
--- a/src/routes/directory/[slug]/+page.svelte
+++ b/src/routes/directory/[slug]/+page.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import type { PageData } from './$types';
   import type { iSVG } from '@/types/svg';
+
   export let data: PageData;
-  let svgsByCategory = data.props?.svgs || [];
-  let category = data.props?.category || '';
+  let svgsByCategory = data.svgs || [];
+  let category = data.category || '';
 
   // Components:
   import Container from '@/components/container.svelte';
diff --git a/src/routes/directory/[slug]/+page.ts b/src/routes/directory/[slug]/+page.ts
index 1d44557..4abaf55 100644
--- a/src/routes/directory/[slug]/+page.ts
+++ b/src/routes/directory/[slug]/+page.ts
@@ -16,9 +16,7 @@ export const load = (async ({ params }) => {
   const svgsByCategory = svgs.filter((svg: iSVG) => svg.category.toLowerCase() === slug);
 
   return {
-    props: {
-      category: slug,
-      svgs: svgsByCategory
-    }
+    category: slug as string,
+    svgs: svgsByCategory
   };
 }) satisfies PageLoad;