Add assign for the article_content

lib/outlook_web/live/article_live/show.ex

@@ -11,10 +11,12 @@ defmodule OutlookWeb.ArticleLive.Show do
 
   @impl true
   def handle_params(%{"id" => id}, _, socket) do
+    article = Articles.get_article_with_translations!(id)
     {:noreply,
      socket
      |> assign(:page_title, page_title(socket.assigns.live_action))
-     |> assign(:article, Articles.get_article_with_translations!(id))}
+     |> assign(:article_content, InternalTree.garnish(article.content, %{tunits: %{class: "tunit"}}))
+     |> assign(:article, article)}
   end
 
   defp page_title(:show), do: "Show Article"

lib/outlook_web/live/article_live/show.html.heex

@@ -38,7 +38,7 @@
 <div class="article">
   <a href="#" class="show-link" phx-click={JS.add_class("show-boundary", to: ".article")}>show boundaries</a>
   <a href="#" class="hide-link" phx-click={JS.remove_class("show-boundary", to: ".article")}>hide boundaries</a>
-  <.render_doc tree={@article.content} />
+  <.render_doc tree={@article_content} />
 </div>
 
 <.link navigate={~p"/translations/new?article_id=#{@article.id}"}>New Translation</.link>