Components aren't classes anymore

src/lib/components/PostLink.svelte

@@ -14,7 +14,7 @@
 	/** The ID of the post. */
 	export let postIndex: number | undefined
 	/** Optionally, child elements to render. */
-	export let children: NodeList | undefined = undefined
+	export let childNodes: NodeList | undefined = undefined
 
 	let isPopupOpen: boolean
 	let hasTriedLoading: boolean
@@ -56,7 +56,7 @@
 
 {#if browser}
 	<Popup onHover={!errorLoading && !lockedOpen} bind:isOpen={isPopupOpen}>
-		<HoverLink slot="anchor" href={`/threads/${threadID}#Post${postIndex}`} childNodes={children} navigate={false} on:click={onClick} />
+		<HoverLink slot="anchor" href={`/threads/${threadID}#Post${postIndex}`} childNodes={childNodes} navigate={false} on:click={onClick} />
 		<PopupFrame style="HoverLink">
 			{#if post}
 				<PostView {post} readonly compact scrollIntoView={false} />

src/lib/components/UserHtml.svelte

@@ -78,4 +78,4 @@
 	}
 </script>
 
-<div bind:this={root} />
+<div bind:this={root}></div>

src/lib/components/upgradeLink.ts

@@ -1,3 +1,5 @@
+import { mount } from "svelte"
+
 const specialLinkTypes: Record<string, any> = {}
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
@@ -42,14 +44,15 @@ export function upgradeLink(link: HTMLAnchorElement): void
 		const linkProps = parseLink(href)
 		if (linkProps)
 		{
-			new specialLinkTypes.PostLink({
-				target: link.parentElement!,
-				anchor: link,
-				props: {
-					...linkProps,
-					children: link.childNodes
-				},
-			})
+			mount(specialLinkTypes.PostLink,
+				{
+					target: link.parentElement!,
+					anchor: link,
+					props: {
+						...linkProps,
+						childNodes: link.childNodes
+					},
+				})
 			link.remove()
 		}
 	}