Migrate more stuff

src/lib/components/EmojiButton.svelte

@@ -6,13 +6,13 @@
   import Tippy from "@lib/components/Tippy.svelte"
   import EmojiPicker from "@lib/components/EmojiPicker.svelte"
 
-  export let onEmoji
+  let {...props} = $props()
 
-  const open = () => popover.show()
+  const open = () => popover?.show()
 
   const onClick = (emoji: NativeEmoji) => {
-    onEmoji(emoji)
-    popover.hide()
+    props.onEmoji(emoji)
+    popover?.hide()
   }
 
   const onMouseMove = throttle(300, ({clientX, clientY}: any) => {
@@ -25,17 +25,17 @@
     }
   })
 
-  let popover: Instance
+  let popover: Instance | undefined = $state()
 </script>
 
-<svelte:document on:mousemove={onMouseMove} />
+<svelte:document onmousemove={onMouseMove} />
 
 <Tippy
   bind:popover
   component={EmojiPicker}
   props={{onClick}}
   params={{trigger: "manual", interactive: true}}>
-  <Button on:click={open} class={$$props.class}>
-    <slot />
+  <Button on:click={open} class={props.class}>
+    {@render props.children?.()}
   </Button>
 </Tippy>