Migrate more stuff

src/app/editor/EditMention.svelte

@@ -3,8 +3,12 @@
   import {NodeViewWrapper} from "svelte-tiptap"
   import {deriveProfileDisplay} from "@welshman/app"
 
-  export let node: NodeViewProps["node"]
-  export let selected: NodeViewProps["selected"]
+  interface Props {
+    node: NodeViewProps["node"]
+    selected: NodeViewProps["selected"]
+  }
+
+  let {node, selected}: Props = $props()
 
   const display = deriveProfileDisplay(node.attrs.pubkey)
 </script>

src/app/editor/ProfileSuggestion.svelte

@@ -10,14 +10,14 @@
   import WotScore from "@lib/components/WotScore.svelte"
   import ProfileCircle from "@app/components/ProfileCircle.svelte"
 
-  export let value
+  let {value} = $props()
 
   const pubkey = value
   const profileDisplay = deriveProfileDisplay(pubkey)
   const handle = deriveHandleForPubkey(pubkey)
   const score = deriveUserWotScore(pubkey)
 
-  $: following = getPubkeyTagValues(getListTags($userFollows)).includes(pubkey)
+  let following = $derived(getPubkeyTagValues(getListTags($userFollows)).includes(pubkey))
 </script>
 
 <div class="flex max-w-full gap-3">

src/app/editor/index.ts

@@ -77,7 +77,7 @@ export const makeEditor = ({
           },
           nprofile: {
             extend: {
-              addNodeView: () => SvelteNodeViewRenderer(EditMention),
+              addNodeView: () => SvelteNodeViewRenderer(asClassComponent(EditMention)),
               addProseMirrorPlugins() {
                 return [
                   MentionSuggestion({