@mhanberg is it possible to add a HEEx function component? I tried to call the component as a component, and I tried to use the c word, but couldn’t figure it out.
jberling
0
mhanberg
Expert LSP Core Team
How were you calling the component?
Components are called in the same way, if the function component is imported or local to the current module, it’s just c &the_component/1
You can also call remote components like c &RemoteModule.component/1
0
jberling
I tried this for example:
def subview(assigns) do
temple do
p do
"this is a subview"
end
end
end
def my_view(assigns) do
temple do
div do
c &subview/1
end
end
end
I get the error
error: undefined function component/3 (expected ScribeWeb.Crafting.StartLive to define such a function or for it to be imported, but none are available)
│
44 │ temple do
│ ^^^^^^^^^
│
└─ (scribe 0.1.0) lib/scribe_web/crafting/live/start.ex:44: ScribeWeb.Crafting.StartLive.my_view/1
Where ScribeWeb.Crafting.StartLive is the module I’ve added the code to.
If I change my_view to
def my_view(assigns) do
~H"""
<div>
<.subview />
</div>
"""
end
it works fine.
0
mhanberg
Expert LSP Core Team
Ahh, sorry I misunderstood.
Temple needs you to import a component implementation.
In the case of a non-live view project, you can easily provide your own as shown in the docs. Temple.Component — Temple v0.14.1
In the case of live view, the component implementation lives in Phoenix.LiveView.TagEngine.
So, you can simply import that module at the top of the file.
I’ll improve the docs and guides on this matter.
0
jberling
Thanks! That worked perfectly.
I added it to my_web.ex, so now I can easily switch between Heex and temple without any extra ceremony in the live view modules themselves.
def live_view do
quote do
use Phoenix.LiveView,
layout: {ScribeWeb.Layouts, :empty}
import Temple
import Phoenix.LiveView.TagEngine
unquote(html_helpers())
end
end
1