Quiero usar algunos componentes web de https://github.com/microsoft/vscode-webview-ui-toolkit . Pero no sé cómo usarlos en Svelte, ya que svelte trata los componentes web como componentes esbeltos.
Cuando trato de usarlos como,
<script lang="ts"> import { Button } from "@vscode/webview-ui-toolkit" </script> <main> <Button appearance="primary">Text</Button> </main>me sale este error
Element does not support attributes because type definitions are missing for this Svelte Component or element cannot be used as such. Underlying error: JSX element class does not support attributes because it does not have a '$$prop_def' property.ts(2607) 'Button' cannot be used as a JSX component. Its instance type 'Button' is not a valid JSX element. Property '$$prop_def' is missing in type 'Button' but required in type 'ElementClass'. Possible causes: - You use the instance type of a component where you should use the constructor type - Type definitions are missing for this Svelte Component. If you are using Svelte 3.31+, use SvelteComponentTyped to add a definition: import type { SvelteComponentTyped } from "svelte"; class ComponentName extends SvelteComponentTyped<{propertyName: string;}> {}ts(2786)Button es una clase de elemento personalizado y no debe usarse como un componente Svelte. En su lugar, debe usar la etiqueta del elemento personalizado, que en este caso es <vscode-button> .
<main> <vscode-button appearance="primary">Text</vscode-button> </main>Es posible que deba realizar una configuración adicional para inicializar los componentes web; no estoy familiarizado con esta biblioteca.