From d1c9555a0b2c77c6b52cc487d74090565b5083df Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Tue, 28 Oct 2025 01:46:36 -0700
Subject: [PATCH] refac

---
 src/lib/components/common/RichTextInput/suggestions.ts | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/common/RichTextInput/suggestions.ts b/src/lib/components/common/RichTextInput/suggestions.ts
index 0667e83060..92111f1f19 100644
--- a/src/lib/components/common/RichTextInput/suggestions.ts
+++ b/src/lib/components/common/RichTextInput/suggestions.ts
@@ -1,4 +1,6 @@
 import { mount, unmount } from 'svelte';
+import { createClassComponent } from 'svelte/legacy';
+
 import tippy from 'tippy.js';
 
 export function getSuggestionRenderer(Component: any, ComponentProps = {}) {
@@ -16,7 +18,8 @@ export function getSuggestionRenderer(Component: any, ComponentProps = {}) {
 				document.body.appendChild(container);
 
 				// mount Svelte component
-				component = mount(Component, {
+				component = createClassComponent({
+					component: Component,
 					target: container,
 					props: {
 						char: props?.text,
@@ -106,7 +109,7 @@ export function getSuggestionRenderer(Component: any, ComponentProps = {}) {
 				popup = null;
 
 				try {
-					unmount(component);
+					component.$destroy();
 				} catch (e) {
 					console.error('Error unmounting component:', e);
 				}