diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index cf87e1b..869fc46 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -1,13 +1,22 @@
 <script lang="ts">
 	import Route from '$lib/components/Route.svelte';
 	import HomeHeader from '$lib/components/HomeHeader.svelte';
-	export let data;
+	import { onMount } from 'svelte';
+	import { getRouteByCategory } from '$lib/repo';
+
+	let id = 0;
+	let routes = [];
+	onMount(async () => {
+		id = Number(window.location.href.split('paths/')[1]);
+		routes = await getRouteByCategory(id);
+	})
 </script>
 
-<HomeHeader title={data.title}></HomeHeader>
+<!--
+<HomeHeader title={title}></HomeHeader>-->
 
 <div>
-{#each data.routes as route}
+{#each routes as route}
 	<Route {route}></Route>
 {/each}
 </div>