diff --git a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
index 6b4ac58..4eb2fe3 100644
--- a/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/HomePage.vue
@@ -17,21 +17,21 @@
 </template>
 
 <script setup>
-    import { onMounted, ref } from 'vue';
-    import { useRouter } from 'vue-router';
-    import { storeToRefs } from 'pinia';
-    import { useMangaStore } from '../../application/store/mangaStore';
-    import MangaGrid from '../components/MangaGrid.vue';
-    import MangaList from '../components/MangaList.vue';
-    import Toolbar from '../../../../shared/components/ui/Toolbar.vue';
     import {
-        ArrowPathIcon,
-        MagnifyingGlassIcon,
-        Cog6ToothIcon,
-        EyeIcon,
-        ArrowsUpDownIcon,
-        FunnelIcon
-    } from '@heroicons/vue/24/outline';
+    ArrowPathIcon,
+    ArrowsUpDownIcon,
+    Cog6ToothIcon,
+    EyeIcon,
+    FunnelIcon,
+    MagnifyingGlassIcon
+} from '@heroicons/vue/24/outline';
+import { storeToRefs } from 'pinia';
+import { onMounted, ref } from 'vue';
+import { useRouter } from 'vue-router';
+import Toolbar from '../../../../shared/components/ui/Toolbar.vue';
+import { useMangaStore } from '../../application/store/mangaStore';
+import MangaGrid from '../components/MangaGrid.vue';
+import MangaList from '../components/MangaList.vue';
 
     const router = useRouter();
     const mangaStore = useMangaStore();
@@ -60,7 +60,7 @@
                 label: 'Refresh',
                 type: 'button',
                 onClick: () => mangaStore.refreshCollectionInBackground(),
-                active: isBackgroundLoading
+                active: isBackgroundLoading.value
             },
             { icon: MagnifyingGlassIcon, label: 'Search', type: 'button', onClick: () => {} }
         ],
diff --git a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
index 13064fc..fb3e110 100644
--- a/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
+++ b/assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue
@@ -9,7 +9,7 @@
 
         <div v-else-if="currentManga" class="relative">
             <!-- Composant invisible qui écoute les mises à jour Mercure -->
-            <MercureListener :manga-id="mangaId" />
+            <MercureListener :manga-id="String(mangaId)" />
 
             <Toolbar :config="toolbarConfig" class="sticky top-16 z-10" />
 
@@ -129,7 +129,7 @@ import { useMangaStore } from '../../application/store/mangaStore';
     const router = useRouter();
     const mangaStore = useMangaStore();
 
-    const mangaId = computed(() => route.params.id || null);
+    const mangaId = computed(() => Number(route.params.id) || null);
 
     // État de la modale
     const isPreferredSourcesModalOpen = ref(false);