@@ -79,7 +79,7 @@ defmodule PhoenixAppWeb.CoreComponents do
7979 </ button >
8080 </ div >
8181 < div id = { "#{ @ id } -content" } >
82- <%= render_slot ( @ inner_block ) %>
82+ { render_slot ( @ inner_block ) }
8383 </ div >
8484 </ . focus_wrap >
8585 </ div >
@@ -124,9 +124,9 @@ defmodule PhoenixAppWeb.CoreComponents do
124124 < p :if = { @ title } class = "flex items-center gap-1.5 text-sm font-semibold leading-6 " >
125125 < . icon :if = { @ kind == :info } name = "hero-information-circle-mini " class = "h-4 w-4 " />
126126 < . icon :if = { @ kind == :error } name = "hero-exclamation-circle-mini " class = "h-4 w-4 " />
127- <%= @ title %>
127+ { @ title }
128128 </ p >
129- < p class = "mt-2 text-sm leading-5 " > <%= msg %> </ p >
129+ < p class = "mt-2 text-sm leading-5 " > { msg } </ p >
130130 < button type = "button " class = "group absolute top-1 right-1 p-2 " aria-label = { gettext ( "close" ) } >
131131 < . icon name = "hero-x-mark-solid " class = "h-5 w-5 opacity-40 group-hover:opacity-70 " />
132132 </ button >
@@ -157,7 +157,7 @@ defmodule PhoenixAppWeb.CoreComponents do
157157 phx-connected = { hide ( "#client-error" ) }
158158 hidden
159159 >
160- <%= gettext ( "Attempting to reconnect" ) %>
160+ { gettext ( "Attempting to reconnect" ) }
161161 < . icon name = "hero-arrow-path " class = "ml-1 h-3 w-3 animate-spin " />
162162 </ . flash >
163163
@@ -169,7 +169,7 @@ defmodule PhoenixAppWeb.CoreComponents do
169169 phx-connected = { hide ( "#server-error" ) }
170170 hidden
171171 >
172- <%= gettext ( "Hang in there while we get back on track" ) %>
172+ { gettext ( "Hang in there while we get back on track" ) }
173173 < . icon name = "hero-arrow-path " class = "ml-1 h-3 w-3 animate-spin " />
174174 </ . flash >
175175 </ div >
@@ -203,9 +203,9 @@ defmodule PhoenixAppWeb.CoreComponents do
203203 ~H"""
204204 < . form :let = { f } for = { @ for } as = { @ as } { @ rest } >
205205 < div class = "mt-10 space-y-8 bg-white " >
206- <%= render_slot ( @ inner_block , f ) %>
206+ { render_slot ( @ inner_block , f ) }
207207 < div :for = { action <- @ actions } class = "mt-2 flex items-center justify-between gap-6 " >
208- <%= render_slot ( action , f ) %>
208+ { render_slot ( action , f ) }
209209 </ div >
210210 </ div >
211211 </ . form >
@@ -237,7 +237,7 @@ defmodule PhoenixAppWeb.CoreComponents do
237237 ] }
238238 { @ rest }
239239 >
240- <%= render_slot ( @ inner_block ) %>
240+ { render_slot ( @ inner_block ) }
241241 </ button >
242242 """
243243 end
@@ -321,36 +321,36 @@ defmodule PhoenixAppWeb.CoreComponents do
321321 class = "rounded border-zinc-300 text-zinc-900 focus:ring-0 "
322322 { @ rest }
323323 />
324- <%= @ label %>
324+ { @ label }
325325 </ label >
326- < . error :for = { msg <- @ errors } > <%= msg %> </ . error >
326+ < . error :for = { msg <- @ errors } > { msg } </ . error >
327327 </ div >
328328 """
329329 end
330330
331331 def input ( % { type: "select" } = assigns ) do
332332 ~H"""
333333 < div >
334- < . label for = { @ id } > <%= @ label %> </ . label >
334+ < . label for = { @ id } > { @ label } </ . label >
335335 < select
336336 id = { @ id }
337337 name = { @ name }
338338 class = "mt-2 block w-full rounded-md border border-gray-300 bg-white shadow-sm focus:border-zinc-400 focus:ring-0 sm:text-sm "
339339 multiple = { @ multiple }
340340 { @ rest }
341341 >
342- < option :if = { @ prompt } value = "" > <%= @ prompt %> </ option >
343- <%= Phoenix.HTML.Form . options_for_select ( @ options , @ value ) %>
342+ < option :if = { @ prompt } value = "" > { @ prompt } </ option >
343+ { Phoenix.HTML.Form . options_for_select ( @ options , @ value ) }
344344 </ select >
345- < . error :for = { msg <- @ errors } > <%= msg %> </ . error >
345+ < . error :for = { msg <- @ errors } > { msg } </ . error >
346346 </ div >
347347 """
348348 end
349349
350350 def input ( % { type: "textarea" } = assigns ) do
351351 ~H"""
352352 < div >
353- < . label for = { @ id } > <%= @ label %> </ . label >
353+ < . label for = { @ id } > { @ label } </ . label >
354354 < textarea
355355 id = { @ id }
356356 name = { @ name }
@@ -361,7 +361,7 @@ defmodule PhoenixAppWeb.CoreComponents do
361361 ] }
362362 { @ rest }
363363 > <%= Phoenix.HTML.Form . normalize_value ( "textarea" , @ value ) %> </ textarea >
364- < . error :for = { msg <- @ errors } > <%= msg %> </ . error >
364+ < . error :for = { msg <- @ errors } > { msg } </ . error >
365365 </ div >
366366 """
367367 end
@@ -370,7 +370,7 @@ defmodule PhoenixAppWeb.CoreComponents do
370370 def input ( assigns ) do
371371 ~H"""
372372 < div >
373- < . label for = { @ id } > <%= @ label %> </ . label >
373+ < . label for = { @ id } > { @ label } </ . label >
374374 < input
375375 type = { @ type }
376376 name = { @ name }
@@ -383,7 +383,7 @@ defmodule PhoenixAppWeb.CoreComponents do
383383 ] }
384384 { @ rest }
385385 />
386- < . error :for = { msg <- @ errors } > <%= msg %> </ . error >
386+ < . error :for = { msg <- @ errors } > { msg } </ . error >
387387 </ div >
388388 """
389389 end
@@ -397,7 +397,7 @@ defmodule PhoenixAppWeb.CoreComponents do
397397 def label ( assigns ) do
398398 ~H"""
399399 < label for = { @ for } class = "block text-sm font-semibold leading-6 text-zinc-800 " >
400- <%= render_slot ( @ inner_block ) %>
400+ { render_slot ( @ inner_block ) }
401401 </ label >
402402 """
403403 end
@@ -411,7 +411,7 @@ defmodule PhoenixAppWeb.CoreComponents do
411411 ~H"""
412412 < p class = "mt-3 flex gap-3 text-sm leading-6 text-rose-600 " >
413413 < . icon name = "hero-exclamation-circle-mini " class = "mt-0.5 h-5 w-5 flex-none " />
414- <%= render_slot ( @ inner_block ) %>
414+ { render_slot ( @ inner_block ) }
415415 </ p >
416416 """
417417 end
@@ -430,13 +430,13 @@ defmodule PhoenixAppWeb.CoreComponents do
430430 < header class = { [ @ actions != [ ] && "flex items-center justify-between gap-6" , @ class ] } >
431431 < div >
432432 < h1 class = "text-lg font-semibold leading-8 text-zinc-800 " >
433- <%= render_slot ( @ inner_block ) %>
433+ { render_slot ( @ inner_block ) }
434434 </ h1 >
435435 < p :if = { @ subtitle != [ ] } class = "mt-2 text-sm leading-6 text-zinc-600 " >
436- <%= render_slot ( @ subtitle ) %>
436+ { render_slot ( @ subtitle ) }
437437 </ p >
438438 </ div >
439- < div class = "flex-none " > <%= render_slot ( @ actions ) %> </ div >
439+ < div class = "flex-none " > { render_slot ( @ actions ) } </ div >
440440 </ header >
441441 """
442442 end
@@ -477,9 +477,9 @@ defmodule PhoenixAppWeb.CoreComponents do
477477 < table class = "w-[40rem] mt-11 sm:w-full " >
478478 < thead class = "text-sm text-left leading-6 text-zinc-500 " >
479479 < tr >
480- < th :for = { col <- @ col } class = "p-0 pb-4 pr-6 font-normal " > <%= col [ :label ] %> </ th >
480+ < th :for = { col <- @ col } class = "p-0 pb-4 pr-6 font-normal " > { col [ :label ] } </ th >
481481 < th :if = { @ action != [ ] } class = "relative p-0 pb-4 " >
482- < span class = "sr-only " > <%= gettext ( "Actions" ) %> </ span >
482+ < span class = "sr-only " > { gettext ( "Actions" ) } </ span >
483483 </ th >
484484 </ tr >
485485 </ thead >
@@ -497,7 +497,7 @@ defmodule PhoenixAppWeb.CoreComponents do
497497 < div class = "block py-4 pr-6 " >
498498 < span class = "absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl " />
499499 < span class = { [ "relative" , i == 0 && "font-semibold text-zinc-900" ] } >
500- <%= render_slot ( col , @ row_item . ( row ) ) %>
500+ { render_slot ( col , @ row_item . ( row ) ) }
501501 </ span >
502502 </ div >
503503 </ td >
@@ -508,7 +508,7 @@ defmodule PhoenixAppWeb.CoreComponents do
508508 :for = { action <- @ action }
509509 class = "relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700 "
510510 >
511- <%= render_slot ( action , @ row_item . ( row ) ) %>
511+ { render_slot ( action , @ row_item . ( row ) ) }
512512 </ span >
513513 </ div >
514514 </ td >
@@ -538,8 +538,8 @@ defmodule PhoenixAppWeb.CoreComponents do
538538 < div class = "mt-14 " >
539539 < dl class = "-my-4 divide-y divide-zinc-100 " >
540540 < div :for = { item <- @ item } class = "flex gap-4 py-4 text-sm leading-6 sm:gap-8 " >
541- < dt class = "w-1/4 flex-none text-zinc-500 " > <%= item . title %> </ dt >
542- < dd class = "text-zinc-700 " > <%= render_slot ( item ) %> </ dd >
541+ < dt class = "w-1/4 flex-none text-zinc-500 " > { item . title } </ dt >
542+ < dd class = "text-zinc-700 " > { render_slot ( item ) } </ dd >
543543 </ div >
544544 </ dl >
545545 </ div >
@@ -564,7 +564,7 @@ defmodule PhoenixAppWeb.CoreComponents do
564564 class = "text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700 "
565565 >
566566 < . icon name = "hero-arrow-left-solid " class = "h-3 w-3 " />
567- <%= render_slot ( @ inner_block ) %>
567+ { render_slot ( @ inner_block ) }
568568 </ . link >
569569 </ div >
570570 """
0 commit comments