Renders Vite dev server assets in development, falls back to compiled assets in production.

When config :live_svelte, vite_host: "http://localhost:5173" is set, injects:

• @vite/client script (enables Vite HMR WebSocket)
• CSS assets as <link rel="stylesheet"> tags
• JS assets as <script type="module"> tags

When vite_host is not configured, renders the inner_block unchanged.

Example

<LiveSvelte.Reload.vite_assets assets={["/js/app.js"]}>
  <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
  <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
  </script>
</LiveSvelte.Reload.vite_assets>

Attributes

• assets (:list) (required)

Slots

• inner_block (required) - rendered when Vite path is not defined (production).