Update samples

Author: albertwoo

samples/FunBlazor.MudBlazorDemo/FunBlazor.MudBlazorDemo.Client/FunBlazor.MudBlazorDemo.Client.fsproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
 
 	<PropertyGroup>
-		<TargetFramework>net8.0</TargetFramework>
+		<TargetFramework>net9.0</TargetFramework>
 	</PropertyGroup>
 
 	<ItemGroup>
@@ -11,11 +11,11 @@
 
 	<ItemGroup>
 		<PackageReference Include="Fun.Blazor" Version="4.1.*" />
-		<PackageReference Include="Fun.Blazor.Microsoft.Web" Version="8.0.*" />
-		<PackageReference Include="Fun.Blazor.Microsoft.Authorization" Version="8.0.*" />
-		<PackageReference Include="Fun.Blazor.MudBlazor" Version="7.15.0" />
-		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.*" />
-		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.*" PrivateAssets="all" />
+		<PackageReference Include="Fun.Blazor.Microsoft.Web" Version="9.0.3" />
+		<PackageReference Include="Fun.Blazor.Microsoft.Authorization" Version="9.0.3" />
+		<PackageReference Include="Fun.Blazor.MudBlazor" Version="8.5.1" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="9.0.4" />
+		<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="9.0.4" PrivateAssets="all" />
 	</ItemGroup>
 
 </Project>

samples/FunBlazor.MudBlazorDemo/FunBlazor.MudBlazorDemo/Components/Layout/MainLayout.fs

@@ -11,6 +11,7 @@ type MainLayout() as this =
 
     let content = fragment {
         MudThemeProvider''
+        MudPopoverProvider'' { interactiveAuto }
         MudLayout'' {
             MudAppBar'' {
                 // This will not work, because the layout is not all in server/client interactive mode,

samples/FunBlazor.MudBlazorDemo/FunBlazor.MudBlazorDemo/Components/Pages/Home.fs

@@ -23,25 +23,24 @@ type Home() as this =
         else
             items
 
-    member _.MainContent =
-        html.fragment [|
-            div {
-                a {
-                    style { color (if this.query.HasValue then "hotpink" else "grey") }
-                    href "?query=3"
-                    "filter: bigger than 3"
-                }
+    member _.MainContent = fragment {
+        div {
+            a {
+                style { color (if this.query.HasValue then "hotpink" else "grey") }
+                href "?query=3"
+                "filter: bigger than 3"
             }
-            ul {
-                region {
-                    for i in this.FilteredItems do
-                        li {
-                            style { color "green" }
-                            $"item {i}"
-                        }
-                }
+        }
+        ul {
+            region {
+                for i in this.FilteredItems do
+                    li {
+                        style { color "green" }
+                        $"item {i}"
+                    }
             }
-        |]
+        }
+    }
 
     override _.OnInitializedAsync() = task {
         do! Task.Delay 2000

samples/FunBlazor.MudBlazorDemo/FunBlazor.MudBlazorDemo/FunBlazor.MudBlazorDemo.fsproj

@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Web">
 
 	<PropertyGroup>
-		<TargetFramework>net8.0</TargetFramework>
+		<TargetFramework>net9.0</TargetFramework>
 	</PropertyGroup>
 
 	<ItemGroup>
@@ -17,7 +17,7 @@
 	<ItemGroup>
 		<PackageReference Include="Fun.Blazor" Version="4.1.*" />
 		<PackageReference Include="Fun.Blazor.Server" Version="4.1.*" />
-    	<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="8.0.*" />
+    	<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="9.0.4" />
 	</ItemGroup>
 
 	<ItemGroup>