diff --git a/Directory.Build.props b/Directory.Build.props
index 0db47a6..6659289 100644
--- a/Directory.Build.props
+++ b/Directory.Build.props
@@ -1,7 +1,7 @@
- 3.0.0-rc1.19457.4
- 3.0.0-preview9.19457.4
- 3.0.0-rc1.19456.14
+ 3.0.0
+ 3.0.0-preview9.19465.2
+ 3.0.0
diff --git a/docs/06-authentication-and-authorization.md b/docs/06-authentication-and-authorization.md
index 11cbfae..7057658 100644
--- a/docs/06-authentication-and-authorization.md
+++ b/docs/06-authentication-and-authorization.md
@@ -69,12 +69,12 @@ public void ConfigureServices(IServiceCollection services)
}
```
-To flow the authentication state information through your app, you need to add one more component. In `App.razor`, surround the `` with a ``:
+To flow the authentication state information through your app, you need to add one more component. In `App.razor`, surround the entire `` with a ``:
```html
-
- Page not found
+
+ ...
```
@@ -193,7 +193,7 @@ If you're now logged in, you'll be able to place orders and see order status. Bu
To fix this, let's make the UI prompt the user to log in (if necessary) as part of placing an order.
-In the `Checkout` page component, add some logic to `OnInitializedAsync` to check whether the user is currently authenticated. If they aren't, send them off to the login endpoint.
+In the `Checkout` page component, add an `OnInitializedAsync` with some logic to to check whether the user is currently authenticated. If they aren't, send them off to the login endpoint.
```cs
@code {
@@ -307,30 +307,42 @@ So, go to `MyOrders`, and and put the following directive at the top (just under
@attribute [Authorize]
```
-Now, logged in users can reach the *My orders* page, but logged out users will see the message *Not authorized* instead. Verify you can see this working.
-
-Finally, let's be a bit friendlier to logged out users. Instead of just saying *Not authorized*, we can customize this to display a link to sign in. Go to `App.razor`, and pass the following `` and `` parameters to the ``:
+The `[Authorize]` functionality is part of the routing system, and we'll need to make some changes there. In `App.razor`, replace `` with ``.
```html
-
- Page not found
-
-
-
-
-
-
- Please wait...
-
+
+
+
+
+ ...
```
+The `AuthorizeRouteView` component is like `RouteView` in that it can display a routable component and it's layout, but also integrates with `[Authorize]`.
+
+---
+
+Now, logged in users can reach the *My orders* page, but logged out users will see the message *Not authorized* instead. Verify you can see this working.
+
+Finally, let's be a bit friendlier to logged out users. Instead of just saying *Not authorized*, we can customize this to display a link to sign in. Go to `App.razor`, and pass the following `` and `` parameters to the ``:
+
+```html
+
+
+
+
+
+ Please wait...
+
+
+```
+
Now if you're logged out and try to go to *My orders*, you'll get a much nicer outcome:

diff --git a/docs/07-javascript-interop.md b/docs/07-javascript-interop.md
index 1dd1c6b..bb81403 100644
--- a/docs/07-javascript-interop.md
+++ b/docs/07-javascript-interop.md
@@ -22,7 +22,7 @@ Open *Map.razor* and take a look at the code:
protected async override Task OnAfterRenderAsync(bool firstRender)
{
- await JSRuntime.InvokeAsync