Packages

live_vue

0.1.0
1.2.2 1.2.1 1.2.0 1.1.1 1.1.0 1.0.1 1.0.0 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc 0.7.3 0.7.2 0.7.1 0.7.0 0.6.1 0.6.0 0.5.7 0.5.6 0.5.5 0.5.4 0.5.3 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.9 0.3.8 0.3.7 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0

E2E reactivity for Vue and LiveView

HexDocs

Current section

Files

Jump to
Readme
39 Versions
5 Dependencies
Dependants
Files
Activity
live_vue lib reload.ex
Raw

lib/reload.ex 

defmodule LiveVue.Reload do

  use Phoenix.Component



  attr :assets, :list, required: true

  slot :inner_block, required: true, doc: "what should be rendered when Vite path is not defined"



  @doc """

  Renders the vite assets in development, and in production falls back to normal compiled assets

  """

  def vite_assets(assigns) do

    assigns =

      assigns

      |> assign(:stylesheets, for(path <- assigns.assets, String.ends_with?(path, ".css"), do: path))

      |> assign(:javascripts, for(path <- assigns.assets, String.ends_with?(path, ".js"), do: path))



    # TODO - maybe make it configurable in other way than by presence of vite_host config?

    ~H"""

    <%= if Application.get_env(:live_vue, :vite_host) do %>

      <script type="module" src={LiveVue.SSR.ViteJS.vite_path("@vite/client")}>

      </script>

      <link :for={path <- @stylesheets} rel="stylesheet" href={LiveVue.SSR.ViteJS.vite_path(path)} />

      <script :for={path <- @javascripts} type="module" src={LiveVue.SSR.ViteJS.vite_path(path)}>

      </script>

    <% else %>

      <%= render_slot(@inner_block) %>

    <% end %>

    """

  end

end