Fix some type errors

This commit is contained in:
Jon Staab
2025-02-03 15:40:00 -08:00
parent cfbff94b4c
commit 08ee07d157
7 changed files with 65 additions and 71 deletions
+1 -2
View File
@@ -1,5 +1,4 @@
<script lang="ts">
import type {SvelteComponent} from "svelte"
import {readable} from "svelte/store"
import {type Instance} from "tippy.js"
import {identity} from "@welshman/lib"
@@ -14,7 +13,7 @@
let input: Element
let popover: Instance
let instance: SvelteComponent
let instance: any
const search = readable(
createSearch(options, {
+9 -14
View File
@@ -1,20 +1,15 @@
<script lang="ts">
import "tippy.js/animations/shift-away.css"
import {onMount} from "svelte"
import type {Component, ComponentProps} from "svelte"
import tippy, {type Instance, type Props} from "tippy.js"
import tippy from "tippy.js"
import {onMount, mount, unmount} from "svelte"
export let component: Component
export let props: ComponentProps<any> = {}
export let params: Partial<Props> = {}
export let popover: Instance | undefined = undefined
export let instance: Component | undefined = undefined
let {component, children = undefined, props = {}, params = {}, popover = $bindable(), instance = $bindable(), ...restProps} = $props()
let reactiveProps = $derived(props)
let element: Element
$: instance?.$set(props)
onMount(() => {
if (element) {
const target = document.createElement("div")
@@ -26,16 +21,16 @@
...params,
})
instance = new component({target, props})
instance = mount(component, {target, props: reactiveProps})
return () => {
popover?.destroy()
instance?.$destroy()
unmount(instance)
}
}
})
</script>
<div bind:this={element} class={$$props.class}>
<slot />
<div bind:this={element} class={restProps.class}>
{@render children?.()}
</div>