From c085c3453a9394a016a028d92fb3c2c4bcb7a9fb Mon Sep 17 00:00:00 2001
From: "ext.jeremy.guillot@maxicoffee.domains" <j.guillot_ext@maxicoffee.com>
Date: Wed, 11 Mar 2026 20:06:02 +0100
Subject: [PATCH] feat: Vue SPA as default interface at root URL

- Route `/` now serves the Vue SPA directly (catch-all `/{req}`)
- Legacy Twig interface moved to `/legacy`
- Vue Router base changed from `/vue/` to `/`

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/vue/app/router/index.js     | 2 +-
 config/routes.yaml                 | 2 +-
 src/Controller/MangaController.php | 2 +-
 templates/base.html.twig           | 2 +-
 templates/menu/menu.html.twig      | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/assets/vue/app/router/index.js b/assets/vue/app/router/index.js
index 214764f..ebb981e 100644
--- a/assets/vue/app/router/index.js
+++ b/assets/vue/app/router/index.js
@@ -168,6 +168,6 @@ const routes = [
 ];
 
 export const router = createRouter({
-    history: createWebHistory('/vue/'),
+    history: createWebHistory('/'),
     routes
 });
diff --git a/config/routes.yaml b/config/routes.yaml
index d737208..ceb0599 100644
--- a/config/routes.yaml
+++ b/config/routes.yaml
@@ -5,7 +5,7 @@ controllers:
     type: attribute
 
 vue_app:
-    path: /vue/{req}
+    path: /{req}
     controller: Symfony\Bundle\FrameworkBundle\Controller\TemplateController
     defaults:
         template: 'vue/index.html.twig'
diff --git a/src/Controller/MangaController.php b/src/Controller/MangaController.php
index 0e73da7..492845a 100644
--- a/src/Controller/MangaController.php
+++ b/src/Controller/MangaController.php
@@ -53,7 +53,7 @@ class MangaController extends AbstractController
         $this->imageManager = new ImageManager(new Driver());
     }
 
-    #[Route('/', name: 'app_manga')]
+    #[Route('/legacy', name: 'app_legacy')]
     public function index(Request $request): Response
     {
         $sort = $request->query->get('sort', 'title');
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 7d44ebd..4f2e8ad 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -29,7 +29,7 @@
 <!-- Header -->
 <header class="bg-green-600 h-16 flex items-center fixed w-full z-50">
     <div class="flex justify-center ml-4">
-        <a class="flex flex-row justify-start" href="{{ path('app_manga') }}">
+        <a class="flex flex-row justify-start" href="{{ path('app_legacy') }}">
             {#                <div class="flex items-center"> #}
             {#                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" #}
             {#                         x="0px" y="0px" width="50" height="50" viewBox="-40 -90 500 500"> #}
diff --git a/templates/menu/menu.html.twig b/templates/menu/menu.html.twig
index 015ad3c..d7db033 100644
--- a/templates/menu/menu.html.twig
+++ b/templates/menu/menu.html.twig
@@ -2,7 +2,7 @@
     <nav>
         <ul>
             <li class="{{ app.request.get('_route') starts with 'app_manga' ? 'border-l-4 border-green-600' : '' }}">
-                <a href="{{ path('app_manga') }}" class="block pl-4 py-2 flex items-center {{ app.request.get('_route') starts with 'app_manga' ? 'text-green-600 bg-gray-800' : 'hover:bg-gray-700' }}">
+                <a href="{{ path('app_legacy') }}" class="block pl-4 py-2 flex items-center {{ app.request.get('_route') starts with 'app_manga' ? 'text-green-600 bg-gray-800' : 'hover:bg-gray-700' }}">
                     <i class="fas fa-book mr-2"></i>
                     <span>Mangas</span>
                 </a>