From a0d1433154e576fc43fd932493040f528cdf31ee Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Wed, 27 May 2026 21:21:49 +0000
Subject: [PATCH] Switch SPA navigation to history paths

---
 frontend/src/components/CollageHero.vue | 2 +-
 frontend/src/components/MediaDetail.vue | 2 +-
 frontend/src/components/MediaRow.vue    | 4 ++--
 frontend/src/router.ts                  | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/CollageHero.vue b/frontend/src/components/CollageHero.vue
index c360173..23f3397 100644
--- a/frontend/src/components/CollageHero.vue
+++ b/frontend/src/components/CollageHero.vue
@@ -585,7 +585,7 @@ function getOverview(item: MediaItem): string | null {
 }
 
 function getItemHref(item: MediaItem): string {
-  return `#/${item.type}/${item.id}`
+  return `/${item.type}/${item.id}`
 }
 
 function activateItem(item: MediaItem) {
diff --git a/frontend/src/components/MediaDetail.vue b/frontend/src/components/MediaDetail.vue
index 00c4f20..a4380c6 100644
--- a/frontend/src/components/MediaDetail.vue
+++ b/frontend/src/components/MediaDetail.vue
@@ -118,7 +118,7 @@
                 class="cast-card media-card"
                 data-nav-cast-item="true"
                 v-bind="navAttrs(2 + movieVersions.length, castIndex)"
-                :href="`#/?q=${encodeURIComponent(castMember.name)}`"
+                :href="`/search/${encodeURIComponent(castMember.name)}`"
                 :title="`Search for ${castMember.name}`"
                 @click.prevent="handleCastSelect(castMember.name)"
               >
diff --git a/frontend/src/components/MediaRow.vue b/frontend/src/components/MediaRow.vue
index 0ab70bc..0178571 100644
--- a/frontend/src/components/MediaRow.vue
+++ b/frontend/src/components/MediaRow.vue
@@ -33,8 +33,8 @@ defineEmits<{
 function getItemHref(item: MediaItem): string | undefined {
   if (item.type === "episode") {
     const epData = item.data as EpisodeWithSeries
-    return `#/series/${epData.series.id}`
+    return `/series/${epData.series.id}`
   }
-  return `#/${item.type}/${item.id}`
+  return `/${item.type}/${item.id}`
 }
 </script>
diff --git a/frontend/src/router.ts b/frontend/src/router.ts
index 30b2b04..1b7eb9b 100644
--- a/frontend/src/router.ts
+++ b/frontend/src/router.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from "vue-router"
+import { createRouter, createWebHistory } from "vue-router"
 import { defineComponent, h } from "vue"
 
 // Empty component - App.vue handles all rendering based on route meta
@@ -9,7 +9,7 @@ const EmptyRouteComponent = defineComponent({
 })
 
 const router = createRouter({
-  history: createWebHashHistory(),
+  history: createWebHistory(),
   scrollBehavior() {
     // Always scroll to top on navigation
     return { top: 0 }