Vue Instant Search ais-highlight returning empty span tag

I have an app I’m working on that is using the ais-highlight component and I am trying to highlight a website URL. In the app I can successfully highlight an email link, so I tried implementing the website URL the same way but when the HTML is rendered, I only get back an empty <span> tag. I have tried creating a codesandbox with my code but for some reason it’s not working with Vue3 and the script setup and this Algolia post won’t let me paste in my code for some reason -_- so I will post a link to the Git repo for the project.

DRD161/algolia_vue_instant_search: Algolia Vue Instant Search prototype (github.com)