Elgato_dark/live_svelte
1
0
Fork 0
mirror of https://github.com/woutdp/live_svelte synced 2026-05-24 09:28:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Better sigil example

Browse source
This commit is contained in:
Wout De Puysseleir 2023-04-27 11:34:30 -07:00
parent 5c55a32a10
commit 7698c02403
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
example_project/lib/example_web/live/live_sigil.ex
View file

@ -4,16 +4,17 @@ defmodule ExampleWeb.LiveSigil do
def render(assigns) do
~V"""
<script>
export let number = 1
export let number
let number2 = 5
$: combined = number + number2
</script>
<h1 class="text-lg mb-4">Svelte template</h1>
{number} + {number2} = {combined}
<button class="rounded" phx-click="increment">+ server</button>
<button class="rounded" on:click={() => number2 += 1}>+ client</button>
<button phx-click="increment">+server</button>
<button on:click={() => number2 += 1}>+client</button>
<style lang="stylus">
button