Separación vista/lógica del wizard de creación de plan

src/routes/planes/$planId/asignaturas/$asignaturaId/route.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/planes/$planId/asignaturas/$asignaturaId')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/asignaturas/$asignaturaId"!</div>
+}

src/routes/planes/$planId/asignaturas/_lista/route.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute, Outlet } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/planes/$planId/asignaturas/_lista')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return (
+    <main className="bg-background min-h-screen w-full">
+      <div className="mx-auto flex w-full max-w-7xl flex-col gap-4 px-4 py-6 md:px-6 lg:px-8">
+        <h1 className="text-foreground text-2xl font-semibold">Asignaturas</h1>
+        <Outlet />
+      </div>
+    </main>
+  )
+}

src/routes/planes/$planId/index.tsx

@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/react-router'
 
-export const Route = createFileRoute('/planes/$planId')({
+export const Route = createFileRoute('/planes/$planId/')({
   component: RouteComponent,
 })