Parse plain text and connect its parts to svelte

Hello

What i’m writing about is very common scenario in today’s web programming - namely hashtags and user mentions. User writes tags in plain text post and its saved on server:

{content:" text text #Cup "}

When retrieving from server those hashtags needs to be clickable. Problem is that changing “#Cup” into link or <Link> element makes it just plain text element

<script>
  import { link } from "svelte-routing"
    
    function hash(text) {
      return text.replace(/\#Cup/, '<a href="cup" use:link>Cup</a>')
  }
</script>

<p>
    {hash("this is a #Cup")} //this returns plain text
</p>
<p>
    {@html hash("this is a #Cup")} //this returns plain html
</p>

So what is the way to make svelte to understand that use:link?

[ambrt]

Like this? https://stackoverflow.com/questions/62487278/parse-fetched-hashtags-and-create-svelte-routing-links

[antony]

Then please try stackoverflow under the Svelte tag. Github issues is designed for bugs and feature requests for Svelte, and is not suitable for support.