AlexAngc's questions

Estou migrando minha base de código do Svelte 4 para o Svelte 5.

Eu tinha o seguinte código:

import MarkdownLinkRenderer from '$lib/MarkdownLinkRenderer.svelte';

export function createMarkdownLinkRenderer(styles: string) {
  return class extends MarkdownLinkRenderer {
    constructor(options: { target: Element; props: { href: string; text: string } }) {
      super(options);
      this.$set({ className: styles });
    }
  };
}

Que foi usado como renderizador com o svelte-markdownpacote (substituído por @humanspeak/svelte-markdownpara compatibilidade com Svelte 5) :

<script lang="ts">
  const renderers = {
    link: createMarkdownLinkRenderer('text-blue-56 hover:underline')
  };
</script>

<Markdown source={notification.message} options={{ gfm: true, breaks: true }} {renderers} />

Como posso converter meu createMarkdownLinkRendererpara funcionar com o Svelte 5, já que componentes não são mais classes?