update liveview

lib/memex_web/views/error_helpers.ex

@@ -4,7 +4,7 @@ defmodule MemexWeb.ErrorHelpers do
   """
 
   use Phoenix.HTML
-  import Phoenix.LiveView.Helpers
+  import Phoenix.Component
   alias Ecto.Changeset
   alias Phoenix.{HTML.Form, LiveView.Rendered}
 

lib/memex_web/views/view_helpers.ex

@@ -5,7 +5,7 @@ defmodule MemexWeb.ViewHelpers do
   :view`
   """
 
-  import Phoenix.LiveView.Helpers
+  import Phoenix.Component
 
   @doc """
   Returns a <time> element that renders the naivedatetime in the user's local
@@ -20,11 +20,15 @@ defmodule MemexWeb.ViewHelpers do
     }
 
     ~H"""
-    <time datetime={@datetime} x-data={"{
+    <time
+      datetime={@datetime}
+      x-data={"{
         date:
           Intl.DateTimeFormat([], {dateStyle: 'short', timeStyle: 'long'})
             .format(new Date(\"#{@datetime}\"))
-      }"} x-text="date">
+      }"}
+      x-text="date"
+    >
       <%= @datetime %>
     </time>
     """
@@ -41,10 +45,14 @@ defmodule MemexWeb.ViewHelpers do
     assigns = %{date: date |> Date.to_iso8601(:extended)}
 
     ~H"""
-    <time datetime={@date} x-data={"{
+    <time
+      datetime={@date}
+      x-data={"{
         date:
           Intl.DateTimeFormat([], {timeZone: 'Etc/UTC', dateStyle: 'short'}).format(new Date(\"#{@date}\"))
-      }"} x-text="date">
+      }"}
+      x-text="date"
+    >
       <%= @date %>
     </time>
     """