blob: e390a7829eb4ae91cdd041ca18a1380188e2b42c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<script>
let { createConversation = async (name) => {} } = $props();
let name = $state('');
let disabled = $state(false);
async function onsubmit(event) {
event.preventDefault();
disabled = true;
try {
await createConversation(name);
event.target.reset();
} finally {
disabled = false;
}
}
</script>
<form {onsubmit}>
<input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
<button type="submit">➕</button>
</form>
|