HeadComp.svelte <svelte:head> <link rel=”stylesheet” href=”/tutorial/dark-theme.css”> </svelte:head> <h1>Hello world!</h1> dan import ke App.svelte <WindowComp /> <!– <WindowBindingComp /> –> <BodyComp /> <HeadComp /> Alright…

BodyComp.svelte <script> let hereKitty = false; const handleMouseenter = () => hereKitty = true; const handleMouseleave = () => hereKitty = false; </script>…

WindowComp.svelte <script> let key; let keyCode; function handleKeydown(event) { key = event.key; keyCode = event.keyCode; } </script> <svelte:window on:keydown={handleKeydown}/> <div style=”text-align: center”> {#if…

ElementComp.svelte <script> const options = [‘h1’, ‘h3’, ‘p’]; let selected = options[0]; </script> <div style=”display: position: relative;”> <select bind:value={selected}> {#each options as option}…

RedThing.svelte <strong>Red thing</strong> <style> strong { color: red; } </style> GreenThing.svelte <strong>Green thing</strong> <style> strong { color: green; } </style> BlueThing.svelte <strong>Blue thing</strong>…

Folder.svelte File.svelte FolderComp.svelte App.svelte dan hasilnya akan seperti ini …. Alright berhasil ya… berikut source codenya ada disini… cyaaa…

ModalComp.svelte Modal.svelte dan import ke App.svelte dan hasilnya akan seperti ini … Allright berhasil ya… source code github ada disini… cyaaa

ProfileComp.svelte Profile.svelte da dan hasilnya akan seperti ini … okay link github ada disini … cyaaaa

HoverableComp.svelte Hoverable.svelte App.svelte dan hasilnya akan seperti ini… Okay berhasil ya… link github ada disini …. cyaaa….

ContactCard.svelte dan import ke App.svelte dan hasilnya akan seperti ini … Okay berhasil ya… link github ada disini cyaaa….