Using AuthorizeRouteView

Author: JByfordRew

demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoWasm/Client/App.razor

@@ -1,18 +1,14 @@
 <CascadingAuthenticationState>
     <Router AppAssembly="@typeof(App).Assembly">
         <Found Context="routeData">
-            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)">
-                <NotAuthorized>
-                    @if (context.User.Identity?.IsAuthenticated != true)
-                    {
-                        <RedirectToLogin />
-                    }
-                    else
-                    {
-                        <p role="alert">You are not authorized to access this resource.</p>
-                    }
-                </NotAuthorized>
-            </AuthorizeRouteView>
+            <LayoutView Layout="@typeof(MainLayout)">
+                <TransitionableRoutePrimary RouteData="@routeData" ForgetStateOnTransition="true">
+                    <MyAuthorizeRouteView DefaultLayout="@typeof(MyViewLayout)" />
+                </TransitionableRoutePrimary>
+                <TransitionableRouteSecondary RouteData="@routeData" ForgetStateOnTransition="true">
+                    <MyAuthorizeRouteView DefaultLayout="@typeof(MyViewLayout)" />
+                </TransitionableRouteSecondary>
+            </LayoutView>
             <FocusOnNavigate RouteData="@routeData" Selector="h1" />
         </Found>
         <NotFound>

demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoWasm/Client/Shared/MyAuthorizeRouteView.razor

@@ -0,0 +1,25 @@
+@if (Transition?.RouteData != null)
+{
+    <CascadingValue Value="Transition">
+        <AuthorizeRouteView RouteData="@Transition.RouteData" DefaultLayout="@DefaultLayout">
+            <NotAuthorized>
+                @if (context.User.Identity?.IsAuthenticated != true)
+                {
+                    <RedirectToLogin />
+                }
+                else
+                {
+                    <p role="alert">You are not authorized to access this resource.</p>
+                }
+            </NotAuthorized>
+        </AuthorizeRouteView>
+    </CascadingValue>
+}
+
+@code {
+    [CascadingParameter]
+    public Transition Transition { get; set; }
+
+    [Parameter]
+    public Type DefaultLayout { get; set; }
+}