25 lines
483 B
Svelte
25 lines
483 B
Svelte
<script>
|
|
"use client";
|
|
let { initial } = $props();
|
|
let count = $state(initial);
|
|
function increment() {
|
|
count += 1;
|
|
}
|
|
</script>
|
|
|
|
<div>
|
|
<p id="counter_text">This is a client component (interactive island)</p>
|
|
<button onclick={increment}>
|
|
Clicked {count} {count === 1 ? 'time' : 'times'}
|
|
</button>
|
|
</div>
|
|
<style>
|
|
div {
|
|
border: 1px solid red;
|
|
padding: 1rem;
|
|
p {
|
|
color: red;
|
|
}
|
|
}
|
|
</style>
|