Tui

<template>
  <TsCodeBlock :codeHtml="codeHtml" />
</template>

<script setup lang="ts">
import TsCodeBlock from 'tui/components/code-block';

const codeHtml = {
  lang: 'vue',
  code: `
  <template>
    <TsLoading />
    <TsLoading color="blue" />
    <TsLoading color="#ff4d4f" />
  </template>
`,
};
</script>

<template>
  <TsCodeBlock lang="ts">
    <pre>
      <code class="language-ts">
const sayHello = (name: string): void =&gt; {
  console.log('Hello', name);
};
      </code>
    </pre>
  </TsCodeBlock>
</template>

<script setup lang="ts">
import TsCodeBlock from 'tui/components/code-block';
</script>