diff --git a/.formatter.exs b/.formatter.exs
index feeae96b..ac9f786f 100644
--- a/.formatter.exs
+++ b/.formatter.exs
@@ -2,5 +2,6 @@
   import_deps: [:phoenix],
   inputs: ["*.{ex,exs}", "{config,lib,test}/**/*.{ex,exs}"],
   subdirectories: [],
+  plugins: [Phoenix.LiveView.HTMLFormatter],
   line_length: 120
 ]
diff --git a/lib/school_house_web.ex b/lib/school_house_web.ex
index 38362cdc..87496151 100644
--- a/lib/school_house_web.ex
+++ b/lib/school_house_web.ex
@@ -81,7 +81,7 @@ defmodule SchoolHouseWeb do
   defp view_helpers do
     quote do
       # Use all HTML functionality (forms, tags, etc)
-      use Phoenix.HTML
+      import Phoenix.Component
 
       # Import LiveView helpers (live_render, live_component, live_patch, etc)
       import Phoenix.LiveView.Helpers
diff --git a/lib/school_house_web/live/conferences_live.html.heex b/lib/school_house_web/live/conferences_live.html.heex
index 465138d2..c01eea32 100644
--- a/lib/school_house_web/live/conferences_live.html.heex
+++ b/lib/school_house_web/live/conferences_live.html.heex
@@ -13,17 +13,6 @@
 
 <div class="bg-body dark:bg-body-dark">
   <div class="md:w-11/12 lg:w-8/12 mx-auto">
-    <.form :let={f} for={:filters} id="filter-form" class="flex-row flex items-center mb-6 px-2 text-primary dark:text-primary-dark" phx-change="filter">
-      <p class="text-light dark:text-light-dark mr-5"><%= gettext("Filter")%></p>
-      <div class="mx-2 flex flex-row items-center gap-x-2">
-        <%= checkbox f, :online, id: "online-only", checked: filter_is_online?(@filters) %>
-        <label for="online-only"><%= gettext("Online")%></label>
-      </div>
-      <div class="ml-auto">
-        <label for="country-select" class="pr-2"><%= gettext("Country")%></label>
-        <%= select f, :country, @country_options, selected: country_filter(@filters), class: "w-40 pl-3 pr-6 appearance-none bg-nav dark:bg-nav-dark", id: "country-select" %>
-      </div>
-    </.form>
     <div>
       <table class="divide-y divide-gray-200 w-full">
         <thead class="bg-gray-50 dark:bg-gray-600">
diff --git a/lib/school_house_web/templates/error/translation_missing.html.heex b/lib/school_house_web/templates/error/translation_missing.html.heex
index dd27741c..3af188e8 100644
--- a/lib/school_house_web/templates/error/translation_missing.html.heex
+++ b/lib/school_house_web/templates/error/translation_missing.html.heex
@@ -4,6 +4,6 @@
       <span class="block"><%= gettext("Translation unavailable")%></span>
     </h2>
     <p class="mt-4 text-lg text-primary dark:text-primary-dark leading-6"><%= gettext("We're sorry, the resource you're looking for has not been translated yet.")%></p>
-    <p class="mt-4 text-lg text-primary dark:text-primary-dark leading-6"><%= gettext("If you speak that language, you can help translate")%> <%= link gettext("this page"), to: "https://github.com/elixirschool/elixirschool/tree/master/lessons/#{@missing_locale}", class: "text-purple dark:text-purple-dark" %>.</p>
+    <p class="mt-4 text-lg text-primary dark:text-primary-dark leading-6"><%= gettext("If you speak that language, you can help translate")%> <.link href={"https://github.com/elixirschool/elixirschool/tree/master/lessons/#{@missing_locale}"} class="text-purple dark:text-purple-dark"><%= gettext("this page") %></.link>.</p>
   </div>
 </div>
diff --git a/lib/school_house_web/templates/layout/_footer.html.heex b/lib/school_house_web/templates/layout/_footer.html.heex
index c4ddedef..bba98ca5 100644
--- a/lib/school_house_web/templates/layout/_footer.html.heex
+++ b/lib/school_house_web/templates/layout/_footer.html.heex
@@ -38,13 +38,19 @@
             </p>
             <ul class="mt-4 space-y-4">
               <li>
-                <%= link(gettext("Why Elixir?"), to: Routes.page_path(@conn, :why, current_locale()), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.page_path(@conn, :why, current_locale())} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Why Elixir?") %>
+                </.link>
               </li>
               <li>
-                <%= link(gettext("Podcasts"), to: Routes.page_path(@conn, :podcasts, current_locale()), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.page_path(@conn, :podcasts, current_locale())} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Podcasts") %>
+                </.link>
               </li>
               <li>
-                <%= link(gettext("Conferences"), to: Routes.live_path(@conn, SchoolHouseWeb.ConferencesLive, current_locale()), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.live_path(@conn, SchoolHouseWeb.ConferencesLive, current_locale())} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Conferences") %>
+                </.link>
               </li>
             </ul>
           </div>
@@ -54,35 +60,51 @@
             </p>
             <ul class="mt-4 space-y-4">
               <li>
-                <%= link(gettext("Basics"), to: Routes.lesson_path(@conn, :index, current_locale(), :basics), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :basics)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Basics") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Intermediate"), to: Routes.lesson_path(@conn, :index, current_locale(), :intermediate), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :intermediate)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Intermediate") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Advanced"), to: Routes.lesson_path(@conn, :index, current_locale(), :advanced), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :advanced)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Advanced") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Testing"), to: Routes.lesson_path(@conn, :index, current_locale(), :testing), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :testing)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Testing") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Data Processing"), to: Routes.lesson_path(@conn, :index, current_locale(), :data_processing), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :data_processing)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Data Processing") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Ecto"), to: Routes.lesson_path(@conn, :index, current_locale(), :ecto), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :ecto)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Ecto") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Storage"), to: Routes.lesson_path(@conn, :index, current_locale(), :storage), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :storage)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Storage") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Miscellaneous"), to: Routes.lesson_path(@conn, :index, current_locale(), :misc), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.lesson_path(@conn, :index, current_locale(), :misc)} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Miscellaneous") %>
+                </.link>
               </li>
             </ul>
           </div>
@@ -90,19 +112,27 @@
         <div class="md:grid md:grid-cols-2 md:gap-8">
           <div>
             <p class="text-sm font-semibold tracking-wider text-lighter dark:text-lighter-dark uppercase">
-              <%= link(gettext("Blog"), to: Routes.post_path(@conn, :index), class: "hover:text-gray-600") %>
+              <.link navigate={Routes.post_path(@conn, :index)} class="hover:text-gray-600">
+                <%= gettext("Blog") %>
+              </.link>
             </p>
             <ul class="mt-4 space-y-4">
               <li>
-                <%= link(gettext("Announcements"), to: Routes.post_path(@conn, :filter_by_tag, "announcement"), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.post_path(@conn, :filter_by_tag, "announcement")} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Announcements") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Today I Learned (TIL)"), to: Routes.post_path(@conn, :filter_by_tag, "til"), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.post_path(@conn, :filter_by_tag, "til")} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Today I Learned (TIL)") %>
+                </.link>
               </li>
 
               <li>
-                <%= link(gettext("Reviews"), to: Routes.post_path(@conn, :filter_by_tag, "review"), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.post_path(@conn, :filter_by_tag, "review")} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Reviews") %>
+                </.link>
               </li>
 
             </ul>
@@ -113,11 +143,15 @@
             </p>
             <ul class="mt-4 space-y-4">
               <li>
-                <%= link(gettext("Get Involved"), to: Routes.page_path(@conn, :get_involved, current_locale()), class: "text-base text-light dark:text-light-dark hover:text-gray-900") %>
+                <.link navigate={Routes.page_path(@conn, :get_involved, current_locale())} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                  <%= gettext("Get Involved") %>
+                </.link>
               </li>
               <%= if current_locale() != "en" do %>
                 <li>
-                  <%= link gettext("Translation Report"), to: Routes.report_path(@conn, :index, current_locale()), class: "text-base text-light dark:text-light-dark hover:text-gray-900" %>
+                  <.link navigate={Routes.report_path(@conn, :index, current_locale())} class="text-base text-light dark:text-light-dark hover:text-gray-900">
+                    <%= gettext("Translation Report") %>
+                  </.link>
                 </li>
               <% end %>
             </ul>
diff --git a/lib/school_house_web/templates/layout/_header.html.heex b/lib/school_house_web/templates/layout/_header.html.heex
index 1f161bce..8ebc1f68 100644
--- a/lib/school_house_web/templates/layout/_header.html.heex
+++ b/lib/school_house_web/templates/layout/_header.html.heex
@@ -1,25 +1,31 @@
 <div class="flex flex-row fixed md:relative h-full md:h-auto z-10 md:w-full">
   <nav id="nav" class="w-64 md:w-full relative bg-nav dark:bg-nav-dark md:border-b-4 border-brand-purple-800 text-primary dark:text-primary-dark shadow-md transition-margin duration-300 overflow-y-scroll md:overflow-y-visible -ml-64 md:ml-0">
     <div class="container mx-auto flex flex-col md:flex-row justify-between">
-      <%= link(to: Routes.page_path(@conn, :index, current_locale()), class: "flex title-font font-medium items-center text-heavy dark:text-heavy-dark mb-4 md:mb-0 mx-auto md:mx-2 mt-6 md:mt-0") do %>
+      <.link navigate={Routes.page_path(@conn, :index, current_locale())} class="flex title-font font-medium items-center text-heavy dark:text-heavy-dark mb-4 md:mb-0 mx-auto md:mx-2 mt-6 md:mt-0">
         <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 md:w-7 md:h-7 lg:h-10 lg:w-10 p-2 text-white rounded-full bg-purple" viewBox="0 0 24 24">
           <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
         </svg>
         <span class="ml-3 text-2xl font-extrabold text-primary dark:text-primary-dark tracking-tight"><%= gettext("Elixir School")%></span>
-      <% end %>
+      </.link>
       <div class="w-full md:w-auto mx-auto md:ml-auto md:mr-0 flex flex-col-reverse md:flex-row">
         <ul class="flex flex-col md:flex-row md:items-center">
           <li class="hover:bg-purple hover:text-white px-4 md:px-0">
-            <%= link(gettext("Why Elixir?"), to: Routes.page_path(@conn, :why, current_locale()), class: "relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold") %>
+            <.link navigate={Routes.page_path(@conn, :why, current_locale())} class="relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold">
+              <%= gettext("Why Elixir?") %>
+            </.link>
           </li>
           <li class="toggleable hover:bg-purple hover:text-white px-4 md:px-0">
             <%= render("_lesson_menu.html", conn: @conn) %>
           </li>
           <li class="hover:bg-purple hover:text-white px-4 md:px-0">
-            <%= link(gettext("Blog"), to: Routes.post_path(@conn, :index), class: "relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold") %>
+            <.link navigate={Routes.post_path(@conn, :index)} class="relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold">
+              <%= gettext("Blog") %>
+            </.link>
           </li>
           <li class="hover:bg-purple hover:text-white px-4 md:px-0">
-            <%= link(gettext("Get Involved"), to: Routes.page_path(@conn, :get_involved, current_locale()), class: "relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold") %>
+            <.link navigate={Routes.page_path(@conn, :get_involved, current_locale())} class="relative block py-6 px-4 lg:p-6 text-sm md:text-center lg:text-base font-bold">
+              <%= gettext("Get Involved") %>
+            </.link>
           </li>
         </ul>
         <ul class="flex flex-row items-center justify-center py-4 md:py-0">
diff --git a/lib/school_house_web/templates/layout/app.html.heex b/lib/school_house_web/templates/layout/app.html.heex
index c8473542..1806e56f 100644
--- a/lib/school_house_web/templates/layout/app.html.heex
+++ b/lib/school_house_web/templates/layout/app.html.heex
@@ -1,5 +1,5 @@
 <main class="container block justify-center" dir="auto">
-  <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
-  <p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
+  <p class="alert alert-info" role="alert"><%= Phoenix.Flash.get(@flash, :info) %></p>
+  <p class="alert alert-danger" role="alert"><%= Phoenix.Flash.get(@flash, :error) %></p>
   <%= @inner_content %>
 </main>
diff --git a/lib/school_house_web/templates/layout/live.html.heex b/lib/school_house_web/templates/layout/live.html.heex
index a29d6044..96566a61 100644
--- a/lib/school_house_web/templates/layout/live.html.heex
+++ b/lib/school_house_web/templates/layout/live.html.heex
@@ -1,11 +1,11 @@
 <main class="container">
   <p class="alert alert-info" role="alert"
     phx-click="lv:clear-flash"
-    phx-value-key="info"><%= live_flash(@flash, :info) %></p>
+    phx-value-key="info"><%= Phoenix.Flash.get(@flash, :info) %></p>
 
   <p class="alert alert-danger" role="alert"
     phx-click="lv:clear-flash"
-    phx-value-key="error"><%= live_flash(@flash, :error) %></p>
+    phx-value-key="error"><%= Phoenix.Flash.get(@flash, :error) %></p>
 
   <%= @inner_content %>
 </main>
diff --git a/lib/school_house_web/templates/layout/root.html.heex b/lib/school_house_web/templates/layout/root.html.heex
index 8bb03734..90cf3a8b 100644
--- a/lib/school_house_web/templates/layout/root.html.heex
+++ b/lib/school_house_web/templates/layout/root.html.heex
@@ -7,7 +7,7 @@
     <meta charset="UTF-8">
     <meta content={get_csrf_token()} name="csrf-token">
 
-    <%= live_title_tag assigns[:page_title] || "Elixir School", suffix: " · Elixir School" %>
+    <.live_title suffix={" · Elixir School"}> <%= assigns[:page_title] || "Elixir School" %></.live_title>
     <link phx-track-static rel="stylesheet" href={Routes.static_path(@conn, "/assets/app.css")}/>
     <%= load_locale_styles(view_module(@conn), assigns) %>
     <script phx-track-static src={Routes.static_path(@conn, "/assets/initialize-theme.js")}></script>
diff --git a/lib/school_house_web/templates/lesson/_pagination.html.heex b/lib/school_house_web/templates/lesson/_pagination.html.heex
index c740393a..c6ea3953 100644
--- a/lib/school_house_web/templates/lesson/_pagination.html.heex
+++ b/lib/school_house_web/templates/lesson/_pagination.html.heex
@@ -19,7 +19,7 @@
                   <%= @previous.title %>
                 <% end %>
               </p>
-              <%= raw @previous.excerpt %>
+              <%= Phoenix.HTML.raw @previous.excerpt %>
             </div>
           <% end %>
         </div>
@@ -41,7 +41,7 @@
                   <%= @next.title %>
                 <% end %>
               </p>
-              <%= raw @next.excerpt %>
+              <%= Phoenix.HTML.raw @next.excerpt %>
             </div>
           <% end %>
         </div>
diff --git a/lib/school_house_web/templates/lesson/_section_header.html.heex b/lib/school_house_web/templates/lesson/_section_header.html.heex
index 3570eea0..d3f3f0d9 100644
--- a/lib/school_house_web/templates/lesson/_section_header.html.heex
+++ b/lib/school_house_web/templates/lesson/_section_header.html.heex
@@ -1,8 +1,8 @@
-<%= content_tag String.to_atom(@header), class: "flex", id: @fragment do %>
+<.dynamic_tag tag={@header} class="flex" id={@fragment}>
   <a href={"##{@fragment}"}><%= @name %></a>
   <a href="#" title="go to top of page" class="pt-1 ml-2">
     <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
       <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
     </svg>
   </a>
-<% end %>
\ No newline at end of file
+</.dynamic_tag>
\ No newline at end of file
diff --git a/lib/school_house_web/templates/lesson/index.html.heex b/lib/school_house_web/templates/lesson/index.html.heex
index 989c63e6..0368c7d7 100644
--- a/lib/school_house_web/templates/lesson/index.html.heex
+++ b/lib/school_house_web/templates/lesson/index.html.heex
@@ -7,7 +7,7 @@
         <%= lesson_link(@conn, lesson.section, lesson.name, "text-lg font-medium leading-6 text-purple dark:text-purple-dark") do %>
           <%= lesson.title %>
         <% end %>
-          <%= raw lesson.excerpt %>
+          <%= Phoenix.HTML.raw lesson.excerpt %>
       </div>
     </div>
   <% end %>
diff --git a/lib/school_house_web/templates/lesson/lesson.html.heex b/lib/school_house_web/templates/lesson/lesson.html.heex
index 0bcb29b9..322ba027 100644
--- a/lib/school_house_web/templates/lesson/lesson.html.heex
+++ b/lib/school_house_web/templates/lesson/lesson.html.heex
@@ -4,16 +4,16 @@
   </div>
 
   <%= if @lesson.excerpt do %>
-    <div class="bg-brand-gray-300 dark:bg-nav-dark rounded-xl p-4 excerpt-box"><%= raw @lesson.excerpt %></div>
+    <div class="bg-brand-gray-300 dark:bg-nav-dark rounded-xl p-4 excerpt-box"><%= Phoenix.HTML.raw @lesson.excerpt %></div>
   <% end %>
 
   <div class="pt-8">
     <span class="text-4xl font-bold border-b-4 border-brand-purple"><%= gettext("Table of Contents")%></span>
     <div class="pt-6">
-      <%= raw @lesson.table_of_contents %>
+      <%= Phoenix.HTML.raw @lesson.table_of_contents %>
     </div>
   </div>
-  <%= raw @lesson.body %>
+  <%= Phoenix.HTML.raw @lesson.body %>
 
   <blockquote class="edit-lesson dark:text-primary-dark">
     <%= gettext("Caught a mistake or want to contribute to the lesson?")%>
diff --git a/lib/school_house_web/templates/page/index.html.heex b/lib/school_house_web/templates/page/index.html.heex
index 91e4fa82..dd93f959 100644
--- a/lib/school_house_web/templates/page/index.html.heex
+++ b/lib/school_house_web/templates/page/index.html.heex
@@ -73,12 +73,12 @@
           <p class="text-base leading-relaxed">
           <%= gettext("By focusing on breaking problems down into simple side-effect free functions we can ensure fewer bugs, better test coverage, while incrementally building our solutions through the composition of well tested functions.")%>
           </p>
-          <%= link(to: Routes.page_path(@conn, :why, current_locale()), class: "inline-flex items-center mt-3 text-purple dark:text-purple-dark") do %>
+          <.link navigate={Routes.page_path(@conn, :why, current_locale())} class="inline-flex items-center mt-3 text-purple dark:text-purple-dark">
             <%= gettext("Learn More")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
         </div>
       </div>
       <div class="flex p-4 md:w-1/3">
@@ -92,12 +92,12 @@
           <p class="text-base leading-relaxed">
           <%= gettext("Built on the back of a giant, the Erlang runtime system, Elixir takes things even further with easy extensibility, compatibility with Erlang and other BEAM languages, and an ever expanding collection of libraries and packages to improve developer happiness.")%>
           </p>
-          <%= link(to: Routes.page_path(@conn, :why, current_locale()), class: "inline-flex items-center mt-3 text-purple dark:text-purple-dark") do %>
+          <.link navigate={Routes.page_path(@conn, :why, current_locale())} class="inline-flex items-center mt-3 text-purple dark:text-purple-dark">
             <%= gettext("Learn More")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
         </div>
       </div>
       <div class="flex p-4 md:w-1/3">
@@ -112,12 +112,12 @@
           <p class="text-base leading-relaxed">
           <%= gettext("With dozens of conferences, hundreds of meetups, Slack, IRC, Discord, and multiple active hashtags.")%>
           </p>
-          <%= link(to: Routes.page_path(@conn, :why, current_locale()), class: "inline-flex items-center mt-3 text-purple dark:text-purple-dark") do %>
+          <.link navigate={Routes.page_path(@conn, :why, current_locale())} class="inline-flex items-center mt-3 text-purple dark:text-purple-dark">
             <%= gettext("Learn More")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
         </div>
       </div>
     </div>
@@ -151,56 +151,56 @@
       <div class="w-52 h-56 px-3 my-3 py-8 bg-purple dark:bg-brand-purple-800 rounded-lg flex flex-col items-center justify-between">
         <p class="text-white font-bold text-2xl text-center">100+ <br /> <%= gettext("Conferences")%></p>
 
-        <%= link(to: "https://github.com/elixir-lang/elixir/wiki/Conferences", class: "inline-flex items-center mx-auto text-white") do %>
+        <.link href="https://github.com/elixir-lang/elixir/wiki/Conferences" class="inline-flex items-center mx-auto text-white">
             <%= gettext("See Them Here")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
       </div>
 
       <div class="w-52 h-56 px-3 my-3 py-8 bg-purple dark:bg-brand-purple-800 rounded-lg flex flex-col items-center justify-between">
         <p class="text-white font-bold text-2xl text-center">6 <%= gettext("Podcasts")%> <br /> <%= gettext("(& Counting)")%></p>
 
-        <%= link(to: Routes.page_path(@conn, :podcasts, current_locale()), class: "inline-flex items-center mx-auto text-white") do %>
+        <.link navigate={Routes.page_path(@conn, :podcasts, current_locale())} class="inline-flex items-center mx-auto text-white">
             <%= gettext("See Them Here")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
       </div>
 
       <div class="w-52 h-56 px-3 my-3 py-8 bg-purple dark:bg-brand-purple-800 rounded-lg flex flex-col items-center justify-between">
         <p class="text-white font-bold text-2xl text-center">25 <%= gettext("Languages")%> <br /> <%= gettext("With Lesson")%> <br /> <%= gettext("Translations")%></p>
 
-        <%= link(to: "https://github.com/elixirschool/elixirschool", class: "inline-flex items-center mx-auto text-white") do %>
+        <.link href="https://github.com/elixirschool/elixirschool" class="inline-flex items-center mx-auto text-white">
             <%= gettext("See Them Here")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
       </div>
 
       <div class="w-52 h-56 px-3 my-3 py-8 bg-purple dark:bg-brand-purple-800 rounded-lg flex flex-col items-center justify-between">
         <p class="text-white font-bold text-2xl text-center">600+ <%= gettext("Companies")%> <br /> <%= gettext("Using Elixir")%></p>
 
-        <%= link(to: "https://elixir-companies.com/en", class: "inline-flex items-center mx-auto text-white") do %>
+        <.link href="https://elixir-companies.com/en" class="inline-flex items-center mx-auto text-white">
             <%= gettext("See Them Here")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
       </div>
 
       <div class="w-52 h-56 px-3 my-3 py-8 bg-purple dark:bg-brand-purple-800 rounded-lg flex flex-col items-center justify-between">
         <p class="text-white font-bold text-2xl text-center">13,000+ <%= gettext("Packages")%> <br /> <%= gettext("On Hex")%></p>
 
-        <%= link(to: "https://hex.pm/", class: "inline-flex items-center mx-auto text-white") do %>
+        <.link href="https://hex.pm/" class="inline-flex items-center mx-auto text-white">
             <%= gettext("See Them Here")%>
             <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
               <path d="M5 12h14M12 5l7 7-7 7"></path>
             </svg>
-          <% end %>
+          </.link>
       </div>
     </div>
   </div>
@@ -271,7 +271,9 @@
     <p class="mt-4 text-lg leading-6 text-light dark:text-light-dark"><%= gettext("We have articles spanning several topics")%></p>
     <div class="flex justify-center mt-8">
       <div class="shadow rounded-md">
-        <%= link(gettext("Visit the Blog"), to: Routes.post_path(@conn, :index), class: "font-extrabold items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-purple hover:text-white") %>
+        <.link navigate={Routes.post_path(@conn, :index)} class="font-extrabold items-center justify-center px-5 py-3 border border-transparent text-base rounded-md text-white bg-purple hover:text-white">
+          <%= gettext("Visit the Blog") %>
+        </.link>
       </div>
     </div>
   </div>
diff --git a/lib/school_house_web/templates/page/podcasts.html.heex b/lib/school_house_web/templates/page/podcasts.html.heex
index 03e9f35b..eeb83004 100644
--- a/lib/school_house_web/templates/page/podcasts.html.heex
+++ b/lib/school_house_web/templates/page/podcasts.html.heex
@@ -25,12 +25,12 @@
                 </div>
               </a>
               <div class="font-medium text-md leading-6 space-y-1">
-                <%= link(to: podcast.website) do %>
+                <.link href={podcast.website}>
                   <h3 class="text-xl font-medium text-purple dark:text-purple-dark"><%= podcast.name %></h3>
                   <%= if podcast.language do %>
                     <p class="text-primary dark:text-primary-dark"><%= podcast.language %></p>
                   <% end %>
-                <% end %>
+                </.link>
               </div>
               <div class="text-lg">
                 <p class="text-primary dark:text-primary-dark"><%= podcast.about %></p>
diff --git a/lib/school_house_web/templates/post/_post_preview.html.heex b/lib/school_house_web/templates/post/_post_preview.html.heex
index 022df78c..36a950b7 100644
--- a/lib/school_house_web/templates/post/_post_preview.html.heex
+++ b/lib/school_house_web/templates/post/_post_preview.html.heex
@@ -1,17 +1,17 @@
 <div class="">
   <div>
     <%= for tag <- @post.tags do %>
-      <%= link(to: Routes.post_path(@conn, :filter_by_tag, String.downcase(tag))) do %>
+      <.link navigate={Routes.post_path(@conn, :filter_by_tag, String.downcase(tag))}>
         <span class="inline-flex items-center px-3 py-0.5 rounded-full text-sm font-medium bg-brand-purple-200 dark:bg-brand-purple-800 text-primary dark:text-white">
           <%= String.downcase(tag) %>
         </span>
-      <% end %>
+      </.link>
     <% end %>
   </div>
-  <%= link(to: Routes.post_path(@conn, :show, @post.slug), class: "block mt-4 prose dark:prose-dark") do %>
-    <span class="text-xl font-semibold"><%= raw @post.title %></span>
-    <span class="mt-3 text-base"><%= raw @post.excerpt %></span>
-  <% end %>
+  <.link navigate={Routes.post_path(@conn, :show, @post.slug)} class="block mt-4 prose dark:prose-dark">
+    <span class="text-xl font-semibold"><%= Phoenix.HTML.raw @post.title %></span>
+    <span class="mt-3 text-base"><%= Phoenix.HTML.raw @post.excerpt %></span>
+  </.link>
   <div class="flex items-center mt-6">
     <div class="flex-shrink-0">
       <a href="#">
diff --git a/lib/school_house_web/templates/post/index.html.heex b/lib/school_house_web/templates/post/index.html.heex
index 242fc2b0..adbf2a70 100644
--- a/lib/school_house_web/templates/post/index.html.heex
+++ b/lib/school_house_web/templates/post/index.html.heex
@@ -23,9 +23,9 @@
   <div class="flex justify-center">
     <div class="p-4 mt-12 border-b">
       <%= for page <- 1..@pages do %>
-        <%= link(to: Routes.post_path(@conn, :index, page: (page - 1)), class: "inline-flex items-center px-4 py-2 border text-sm font-medium rounded-md") do %>
+        <.link navigate={Routes.post_path(@conn, :index, page: (page - 1))} class="inline-flex items-center px-4 py-2 border text-sm font-medium rounded-md">
           <%= page %>
-        <% end %>
+        </.link>
       <% end %>
     </div>
   </div>
diff --git a/lib/school_house_web/templates/post/post.html.heex b/lib/school_house_web/templates/post/post.html.heex
index df12e6c5..89d0d0d8 100644
--- a/lib/school_house_web/templates/post/post.html.heex
+++ b/lib/school_house_web/templates/post/post.html.heex
@@ -15,7 +15,7 @@
     </div>
 
     <div class="pt-6 text-center">
-      <h1 class="text-2xl leading-8 font-extrabold tracking-tight sm:text-2xl prose dark:prose-dark"><%= raw @post.title %></h1>
+      <h1 class="text-2xl leading-8 font-extrabold tracking-tight sm:text-2xl prose dark:prose-dark"><%= Phoenix.HTML.raw @post.title %></h1>
     </div>
 
     <div class="py-2 text-center">
@@ -25,10 +25,10 @@
     </div>
 
     <div class="bg-brand-gray-300 dark:bg-brand-gray-800 rounded-xl p-4 mb-3 text-xl sm:mb-4 text-center prose dark:prose-dark">
-      <%= raw @post.excerpt %>
+      <%= Phoenix.HTML.raw @post.excerpt %>
     </div>
 
     <div class="prose dark:prose-dark">
-      <%= raw @post.body %>
+      <%= Phoenix.HTML.raw @post.body %>
     </div>
 </section>
diff --git a/lib/school_house_web/views/error_helpers.ex b/lib/school_house_web/views/error_helpers.ex
index 61ee7bd2..3685ee58 100644
--- a/lib/school_house_web/views/error_helpers.ex
+++ b/lib/school_house_web/views/error_helpers.ex
@@ -3,20 +3,28 @@ defmodule SchoolHouseWeb.ErrorHelpers do
   Conveniences for translating and building error messages.
   """
 
-  use Phoenix.HTML
+  use Phoenix.Component
 
   @doc """
   Generates tag for inlined form input errors.
   """
   def error_tag(form, field) do
     Enum.map(Keyword.get_values(form.errors, field), fn error ->
-      content_tag(:span, translate_error(error),
-        class: "invalid-feedback",
-        phx_feedback_for: input_id(form, field)
-      )
+      error_span(%{
+        message: translate_error(error),
+        phx_feedback_for: Phoenix.HTML.Form.input_id(form, field)
+      })
     end)
   end
 
+  defp error_span(assigns) do
+    ~H"""
+    <span class="invalid-feedback" phx-feedback-for={@phx_feedback_for}>
+      <%= @message %>
+    </span>
+    """
+  end
+
   @doc """
   Translates an error message using gettext.
   """
diff --git a/lib/school_house_web/views/html_helpers.ex b/lib/school_house_web/views/html_helpers.ex
index 522e3ac0..4cc77e00 100644
--- a/lib/school_house_web/views/html_helpers.ex
+++ b/lib/school_house_web/views/html_helpers.ex
@@ -2,9 +2,9 @@ defmodule SchoolHouseWeb.HtmlHelpers do
   @moduledoc """
   A collection of helpers to assist in working with translations and lessons
   """
-  use Phoenix.HTML
 
-  use Gettext, backend: SchoolHouseWeb.Gettext
+  import SchoolHouseWeb.Gettext
+  use Phoenix.Component
 
   alias SchoolHouse.Lessons
   alias SchoolHouse.LocaleInfo
@@ -55,17 +55,21 @@ defmodule SchoolHouseWeb.HtmlHelpers do
         "#{class} #{additional_classes}"
       end
 
-    content_tag(
-      :span,
-      [
-        link(contents,
-          class: "#{class} #{additional_classes}",
-          to: destination
-        ),
-        name |> Lessons.coming_soon?() |> maybe_coming_soon_badge()
-      ],
-      class: "flex flex-wrap"
-    )
+    lesson_link_content(%{
+      destination: destination,
+      class: class,
+      contents: contents,
+      name: name
+    })
+  end
+
+  def lesson_link_content(assigns) do
+    ~H"""
+    <span class="flex flex-wrap">
+      <a href={@destination} class={@class}>{@contents}</a>
+      <%= maybe_coming_soon_badge(@name |> Lessons.coming_soon?()) %>
+    </span>
+    """
   end
 
   # mod -> module
@@ -80,15 +84,19 @@ defmodule SchoolHouseWeb.HtmlHelpers do
   end
 
   def maybe_coming_soon_badge(true) do
-    content_tag(
-      :span,
-      gettext("Coming Soon"),
-      class: "rounded py-px px-1 bg-purple text-xs text-white font-semibold self-center flex-shrink-0"
-    )
+    coming_soon_badge(%{})
   end
 
   def maybe_coming_soon_badge(_), do: []
 
+  defp coming_soon_badge(assigns) do
+    ~H"""
+    <span class="rounded py-px px-1 bg-purple text-xs text-white font-semibold self-center flex-shrink-0">
+      <%= gettext("Coming Soon") %>
+    </span>
+    """
+  end
+
   def supported_locales do
     locales = LocaleInfo.map()
     Map.values(locales)
diff --git a/lib/school_house_web/views/layout_view.ex b/lib/school_house_web/views/layout_view.ex
index 33a4c1ad..11ac9c4d 100644
--- a/lib/school_house_web/views/layout_view.ex
+++ b/lib/school_house_web/views/layout_view.ex
@@ -1,6 +1,7 @@
 defmodule SchoolHouseWeb.LayoutView do
   use SchoolHouseWeb, :view
-  import Phoenix.Component, only: [live_flash: 2]
+
+  import Phoenix.Component
 
   def render_dark_mode?(conn) do
     case Map.get(conn.query_params, "ui", nil) do
diff --git a/lib/school_house_web/views/lesson_view.ex b/lib/school_house_web/views/lesson_view.ex
index 7ca84976..67d94415 100644
--- a/lib/school_house_web/views/lesson_view.ex
+++ b/lib/school_house_web/views/lesson_view.ex
@@ -1,16 +1,16 @@
 defmodule SchoolHouseWeb.LessonView do
   use SchoolHouseWeb, :view
-  import Phoenix.Component, only: [sigil_H: 2]
+  import Phoenix.Component
 
   def fa_locale_styles(assigns) do
     ~H"""
-      <style>
-        @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;700&display=swap');
 
-        html[lang="fa"] {
-          font-family: Vazirmatn, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-        }
-      </style>
+      html[lang="fa"] {
+        font-family: Vazirmatn, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+      }
+    </style>
     """
   end
 end
diff --git a/mix.exs b/mix.exs
index 44e35cd4..05884e61 100644
--- a/mix.exs
+++ b/mix.exs
@@ -7,7 +7,7 @@ defmodule SchoolHouse.MixProject do
       version: "0.1.0",
       elixir: "~> 1.13",
       elixirc_paths: elixirc_paths(Mix.env()),
-      compilers: [:phoenix] ++ Mix.compilers(),
+      compilers: Mix.compilers(),
       start_permanent: Mix.env() == :prod,
       aliases: aliases(),
       deps: deps(),
@@ -46,18 +46,19 @@ defmodule SchoolHouse.MixProject do
   # Type `mix help deps` for examples and options.
   defp deps do
     [
-      {:appsignal, "~> 2.7"},
-      {:appsignal_phoenix, "~> 2.3"},
+      {:appsignal, "~> 2.15"},
+      {:appsignal_phoenix, "~> 2.7"},
       {:gettext, "~> 0.11"},
       {:jason, "~> 1.0"},
       {:libcluster, "~> 3.3"},
       {:locale_plug, "~> 0.1.0"},
-      {:makeup_elixir, ">= 0.0.0"},
-      {:makeup_erlang, ">= 0.0.0"},
-      {:nimble_publisher, "~> 0.1"},
-      {:phoenix, "~> 1.6.9"},
-      {:phoenix_html, "~> 3.2"},
-      {:phoenix_live_view, "~> 0.17"},
+      {:makeup_elixir, "~> 1.0"},
+      {:makeup_erlang, "~> 1.0"},
+      {:nimble_publisher, "~> 1.0"},
+      {:phoenix, "~> 1.7"},
+      {:phoenix_view, "~> 2.0"},
+      {:phoenix_html, "~> 4.2"},
+      {:phoenix_live_view, "~> 1.0"},
       {:plug_cowboy, "~> 2.0"},
       {:ssl_verify_fun, "~> 1.1.7", manager: :rebar3, override: true},
       {:telemetry_metrics, "~> 0.6"},
@@ -68,7 +69,7 @@ defmodule SchoolHouse.MixProject do
       {:dialyxir, "~> 1.0", only: [:dev, :test], runtime: false},
       {:esbuild, "~> 0.2", runtime: Mix.env() == :dev},
       {:floki, ">= 0.0.0", only: :test},
-      {:phoenix_live_reload, "~> 1.2", only: :dev}
+      {:phoenix_live_reload, "~> 1.6", only: :dev}
     ]
   end
 
diff --git a/mix.lock b/mix.lock
index 892b7921..c0f505d9 100644
--- a/mix.lock
+++ b/mix.lock
@@ -41,22 +41,25 @@
   "nimble_options": {:hex, :nimble_options, "1.1.1", "e3a492d54d85fc3fd7c5baf411d9d2852922f66e69476317787a7b2bb000a61b", [:mix], [], "hexpm", "821b2470ca9442c4b6984882fe9bb0389371b8ddec4d45a9504f00a66f650b44"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.4.2", "8efba0122db06df95bfaa78f791344a89352ba04baedd3849593bfce4d0dc1c6", [:mix], [], "hexpm", "4b21398942dda052b403bbe1da991ccd03a053668d147d53fb8c4e0efe09c973"},
   "nimble_pool": {:hex, :nimble_pool, "1.1.0", "bf9c29fbdcba3564a8b800d1eeb5a3c58f36e1e11d7b7fb2e084a643f645f06b", [:mix], [], "hexpm", "af2e4e6b34197db81f7aad230c1118eac993acc0dae6bc83bac0126d4ae0813a"},
-  "nimble_publisher": {:hex, :nimble_publisher, "0.1.3", "ee856171ce221662009aecac709f96ed6339d7a6c1da43db7bb75a5016e4848f", [:mix], [{:earmark, "~> 1.4", [hex: :earmark, repo: "hexpm", optional: false]}, {:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "dbcf800c4567d7bb71bb985781d70a55af134f1353c3a49b609d7ca679280e1e"},
+  "nimble_publisher": {:hex, :nimble_publisher, "1.1.1", "3ea4d4cfca45b11a5377bce7608367a9ddd7e717a9098161d8439eca23e239aa", [:mix], [{:earmark, "~> 1.4", [hex: :earmark, repo: "hexpm", optional: false]}, {:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "d67e15bddf07e8c60f75849008b78ea8c6b2b4ae8e3f882ccf0a22d57bd42ed0"},
   "parse_trans": {:hex, :parse_trans, "3.3.1", "16328ab840cc09919bd10dab29e431da3af9e9e7e7e6f0089dd5a2d2820011d8", [:rebar3], [], "hexpm", "07cd9577885f56362d414e8c4c4e6bdf10d43a8767abb92d24cbe8b24c54888b"},
-  "phoenix": {:hex, :phoenix, "1.6.16", "e5bdd18c7a06da5852a25c7befb72246de4ddc289182285f8685a40b7b5f5451", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.0", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 1.0 or ~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}, {:plug, "~> 1.10", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.2", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "e15989ff34f670a96b95ef6d1d25bad0d9c50df5df40b671d8f4a669e050ac39"},
-  "phoenix_html": {:hex, :phoenix_html, "3.3.4", "42a09fc443bbc1da37e372a5c8e6755d046f22b9b11343bf885067357da21cb3", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "0249d3abec3714aff3415e7ee3d9786cb325be3151e6c4b3021502c585bf53fb"},
+  "phoenix": {:hex, :phoenix, "1.7.21", "14ca4f1071a5f65121217d6b57ac5712d1857e40a0833aff7a691b7870fc9a3b", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.7", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.5.3", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "336dce4f86cba56fed312a7d280bf2282c720abb6074bdb1b61ec8095bdd0bc9"},
+  "phoenix_html": {:hex, :phoenix_html, "4.2.1", "35279e2a39140068fc03f8874408d58eef734e488fc142153f055c5454fd1c08", [:mix], [], "hexpm", "cff108100ae2715dd959ae8f2a8cef8e20b593f8dfd031c9cba92702cf23e053"},
+  "phoenix_html_helpers": {:hex, :phoenix_html_helpers, "1.0.1", "7eed85c52eff80a179391036931791ee5d2f713d76a81d0d2c6ebafe1e11e5ec", [:mix], [{:phoenix_html, "~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "cffd2385d1fa4f78b04432df69ab8da63dc5cf63e07b713a4dcf36a3740e3090"},
   "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.6.0", "2791fac0e2776b640192308cc90c0dbcf67843ad51387ed4ecae2038263d708d", [:mix], [{:file_system, "~> 0.2.10 or ~> 1.0", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "b3a1fa036d7eb2f956774eda7a7638cf5123f8f2175aca6d6420a7f95e598e1c"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "0.20.17", "f396bbdaf4ba227b82251eb75ac0afa6b3da5e509bc0d030206374237dfc9450", [:mix], [{:floki, "~> 0.36", [hex: :floki, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "a61d741ffb78c85fdbca0de084da6a48f8ceb5261a79165b5a0b59e5f65ce98b"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "1.1.0-rc.4", "1e933da296a80c0f57689b25db8711fc47feb452ac5de4b4824e8e64bccae9f9", [:mix], [{:igniter, ">= 0.6.16 and < 1.0.0-0", [hex: :igniter, repo: "hexpm", optional: true]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:lazy_html, "~> 0.1.0", [hex: :lazy_html, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0 or ~> 1.8.0-rc", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.15", [hex: :plug, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "4747a143c9b494b19f6ac58b919be46ff773066efe4882ee37ba0fd272f673c2"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.3", "3168d78ba41835aecad272d5e8cd51aa87a7ac9eb836eabc42f6e57538e3731d", [:mix], [], "hexpm", "bba06bc1dcfd8cb086759f0edc94a8ba2bc8896d5331a1e2c2902bf8e36ee502"},
   "phoenix_template": {:hex, :phoenix_template, "1.0.4", "e2092c132f3b5e5b2d49c96695342eb36d0ed514c5b252a77048d5969330d639", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "2c0c81f0e5c6753faf5cca2f229c9709919aba34fab866d3bc05060c9c444206"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.4", "b45c9d9cf15b3a1af5fb555c674b525391b6a1fe975f040fb4d913397b31abf4", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0 or ~> 4.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "4e992022ce14f31fe57335db27a28154afcc94e9983266835bb3040243eb620b"},
   "plug": {:hex, :plug, "1.18.1", "5067f26f7745b7e31bc3368bc1a2b818b9779faa959b49c934c17730efc911cf", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2 or ~> 2.0", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "57a57db70df2b422b564437d2d33cf8d33cd16339c1edb190cd11b1a3a546cc2"},
   "plug_cowboy": {:hex, :plug_cowboy, "2.7.4", "729c752d17cf364e2b8da5bdb34fb5804f56251e88bb602aff48ae0bd8673d11", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "9b85632bd7012615bae0a5d70084deb1b25d2bcbb32cab82d1e9a1e023168aa3"},
-  "plug_crypto": {:hex, :plug_crypto, "1.2.5", "918772575e48e81e455818229bf719d4ab4181fcbf7f85b68a35620f78d89ced", [:mix], [], "hexpm", "26549a1d6345e2172eb1c233866756ae44a9609bd33ee6f99147ab3fd87fd842"},
+  "plug_crypto": {:hex, :plug_crypto, "2.1.1", "19bda8184399cb24afa10be734f84a16ea0a2bc65054e23a62bb10f06bc89491", [:mix], [], "hexpm", "6470bce6ffe41c8bd497612ffde1a7e4af67f36a15eea5f921af71cf3e11247c"},
   "ranch": {:hex, :ranch, "2.2.0", "25528f82bc8d7c6152c57666ca99ec716510fe0925cb188172f41ce93117b1b0", [:make, :rebar3], [], "hexpm", "fa0b99a1780c80218a4197a59ea8d3bdae32fbff7e88527d7d8a4787eff4f8e7"},
   "ssl_verify_fun": {:hex, :ssl_verify_fun, "1.1.7", "354c321cf377240c7b8716899e182ce4890c5938111a1296add3ec74cf1715df", [:make, :mix, :rebar3], [], "hexpm", "fe4c190e8f37401d30167c8c405eda19469f34577987c76dde613e838bbc67f8"},
   "telemetry": {:hex, :telemetry, "0.4.3", "a06428a514bdbc63293cd9a6263aad00ddeb66f608163bdec7c8995784080818", [:rebar3], [], "hexpm", "eb72b8365ffda5bed68a620d1da88525e326cb82a75ee61354fc24b844768041"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.2", "2caabe9344ec17eafe5403304771c3539f3b6e2f7fb6a6f602558c825d0d0bfb", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "9b43db0dc33863930b9ef9d27137e78974756f5f198cae18409970ed6fa5b561"},
   "telemetry_poller": {:hex, :telemetry_poller, "0.5.1", "21071cc2e536810bac5628b935521ff3e28f0303e770951158c73eaaa01e962a", [:rebar3], [{:telemetry, "~> 0.4", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "4cab72069210bc6e7a080cec9afffad1b33370149ed5d379b81c7c5f0c663fd4"},
   "unicode_util_compat": {:hex, :unicode_util_compat, "0.7.0", "bc84380c9ab48177092f43ac89e4dfa2c6d62b40b8bd132b1059ecc7232f9a78", [:rebar3], [], "hexpm", "25eee6d67df61960cf6a794239566599b09e17e668d3700247bc498638152521"},
+  "websock": {:hex, :websock, "0.5.3", "2f69a6ebe810328555b6fe5c831a851f485e303a7c8ce6c5f675abeb20ebdadc", [:mix], [], "hexpm", "6105453d7fac22c712ad66fab1d45abdf049868f253cf719b625151460b8b453"},
+  "websock_adapter": {:hex, :websock_adapter, "0.5.8", "3b97dc94e407e2d1fc666b2fb9acf6be81a1798a2602294aac000260a7c4a47d", [:mix], [{:bandit, ">= 0.6.0", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.5", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "315b9a1865552212b5f35140ad194e67ce31af45bcee443d4ecb96b5fd3f3782"},
 }