Live Render a single word with no wrapping div

Phoenix Forum Chat / Discussions
,
1

I want to use a Phoenix LiveView to render a single word in HTML head in the root.html.heex.

LiveView looks like

  def render(assigns) do
    ~H"""
    <%= @website.theme %>
    """
  end

when I live_render

<html lang="en" data-theme={live_render(@conn, AppWeb.DataThemeLive)}>

I get

<div data-phx-session="SFMyNTY.g2gDaAJhBXQAAAAIZAACaWRtAAAAFHBoeC1GdTFmRXMyNFZWbkt1cGhGZAAMbGl2ZV9zZXNzaW9uaAJkAAdkZWZhdWx0bggAqWbAmQtf7RZkAApwYXJlbnRfcGlkZAADbmlsZAAIcm9vdF9waWRkAANuaWxkAAlyb290X3ZpZXdkACVFbGl4aXIuRm9sa2JvdFdlYi5UaGVtZXJEYXRhVGhlbWVMaXZlZAAGcm91dGVyZAADbmlsZAAHc2Vzc2lvbnQAAAAAZAAEdmlld2QAJUVsaXhpci5Gb2xrYm90V2ViLlRoZW1lckRhdGFUaGVtZUxpdmVuBgDIILangAFiAAFRgA.Q1XE8aDzcsIzYo8xqeCas-eeUWCrmt2lt6KCbVNczww" data-phx-static="SFMyNTY.g2gDaAJhBXQAAAADZAAKYXNzaWduX25ld2pkAAVmbGFzaHQAAAAAZAACaWRtAAAAFHBoeC1GdTFmRXMyNFZWbkt1cGhGbgYAyCC2p4ABYgABUYA.AdiJYO5X_LdaUNoE391eDDRRtpaFWgPySEKI4jJI-TI" id="phx-Fu1fEs24VVnKuphF">

synthwave</div>

Which is broken HTML.
Unsure what the best approach to resolve this is.

2

-skip-

3

thanks for the feedback @BartOtten

root.html.heex

  <%= live_meta_tag "theme", theme: "synthwave", name: "name" %>

live_helpers.ex

 def live_meta_tag(name, opts \\ []) do
    meta_tag(name, opts[:theme], opts[:name], opts)
  end

  defp meta_tag(name, "" <> theme, "" <> post, _opts) do
    Phoenix.HTML.Tag.content_tag(:meta, [], name: post, data: [theme: theme])
  end

view-source:root.html
<meta data-theme="synthwave" name="name"></meta>

prior art
live_meta_tag

I should make a PR, unsure its makes sense to make a generic live_meta_tag

4