<script lang="ts">
  import { Highlight } from 'svelte-rune-highlight';
  import typescript from 'highlight.js/lib/languages/typescript';
  const examples = import.meta.glob('./*.md', {
    query: '?raw',
    import: 'default',
    eager: true
  });
  const tsLang = {
    name: 'typescript',
    register: typescript
  };
</script>

<Highlight
  language={tsLang}
  code={examples['./sample-1.md'] as string}
  numberLine
  --highlighted-background="#be46d4"
  --border-color="#2bff0f"
  --line-number-color="red"
  --padding-left="2em"
  --padding-right="2em"
/>
