fix: #1813 (#1837)

Author: shinokada

src/routes/docs/pages/typescript.md

@@ -10,13 +10,14 @@ description: Learn more about the value types and class interfaces that you can
 <script lang="ts">
   import TypeList from '$lib/types.ts?raw';
   import { LlmLink } from '../../utils';
+  import HighlightCompo from "../../utils/HighlightCompo.svelte";
 </script>
 
 ## Typescript types
 
 Enhance the reliability and scalability of your user interface code by leveraging data types. The following excerpt shows you the full list of TypeScript types and interfaces that are being used with the Flowbite Svelte library.
 
-<pre><code>{@html TypeList}</code></pre>
+<HighlightCompo codeLang="ts" code={TypeList as string} class="max-w-7xl bg-white" />
 
 ## LLM Link