# `LiveSvelte.Reload`
[🔗](https://github.com/woutdp/live_svelte/blob/v0.18.0/lib/reload.ex#L1)

Utilities for easier integration with Vite in development.

# `vite_assets`

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).

---

*Consult [api-reference.md](api-reference.md) for complete listing*