fix: switch to SSR only

- not actually making use of interactive server
  functionality
- don't need to deal with websocket disconnect
  when server is restarted
- can get necessary functionality using static
  rendering plus executing js on client
  when loaded
- added page script component to handle
  loading collocated scripts for pages that
  also work with enhanced navigation

src/Blog/Components/Pages/Error.razor

@@ -15,7 +15,8 @@
   }
 </div>
 
-@code{
+@code
+{
   [CascadingParameter]
   private HttpContext? HttpContext { get; set; }
 

src/Blog/Components/Pages/Post.razor

@@ -1,5 +1,4 @@
 @page "/{slug:nonfile}"
-@implements IAsyncDisposable
 @inject IPostService PostService
 @inject NavigationManager NavigationManager
 @inject IJSRuntime JSRuntime
@@ -13,11 +12,12 @@ else
 {
   <PageTitle>@BlogPost.Title - journal</PageTitle>
 
+  <PageScript Src="./Components/Pages/Post.razor.js" />
+
   <HeadContent>
     <meta name="description" content="@BlogPost.Lead">
     <link rel="stylesheet" href="markdown.css">
     <link rel="stylesheet" href="prism.css">
-    <script src="prism.js"></script>
   </HeadContent>
 
   <article>
@@ -31,11 +31,11 @@ else
   </article>
 }
 
-@code {
+@code 
+{
   [Parameter] 
   public string Slug { get; set; } = string.Empty;
   private PostWithContent? BlogPost;
-  private IJSObjectReference? module;
 
   protected override async Task OnInitializedAsync()
   {
@@ -49,32 +49,4 @@ else
 
     BlogPost = post;
   }
-
-  protected override async Task OnAfterRenderAsync(bool firstRender)
-  {
-    if (firstRender)
-    {
-      module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./Components/Pages/Post.razor.js");
-      await module.InvokeVoidAsync("addAnchors");
-      await module.InvokeVoidAsync("addClipboard");
-    }
-  }
-
-  async ValueTask IAsyncDisposable.DisposeAsync()
-  {
-    try
-    {
-      if (module is not null)
-      {
-        await module.DisposeAsync();
-      }
-    }
-    catch (Exception ex) when (ex is JSDisconnectedException)
-    {
-    }
-    catch (Exception ex)
-    {
-      Logger.LogError(ex, "Error disposing of the module");
-    }
-  }
 }

src/Blog/Components/Pages/Post.razor.js

@@ -1,9 +1,37 @@
+let initialized = false;
+
+export function onLoad() {
+  if (initialized) {
+    return;
+  }
+
+  init();
+}
+
+export function onUpdate() {
+  if (initialized) {
+    return;
+  }
+
+  init();
+}
+
+export function onDispose() {
+  initialized = false;
+}
+
+function init(){
+  addAnchors();
+  addClipboard();
+  Prism.highlightAll();
+  initialized = true;
+}
 
 /**
  * @summary Adds anchors to each heading in the post
  * so that users can link directly to them. 
 */ 
-export function addAnchors() {
+function addAnchors() {
   const selectors = [
     '.markdown-body h2',
     '.markdown-body h3',
@@ -21,7 +49,7 @@ export function addAnchors() {
  * @summary Adds a button to each code block that
  * allows users to copy the code to their clipboard.
  */
-export function addClipboard() {
+function addClipboard() {
   const codeBlocks = document.querySelectorAll('pre');
   
   codeBlocks.forEach((block) => {