astro with shiki and markdown it

index.astro

---
import Header from "../components/Header.astro";
import BaseHead from "../components/BaseHead.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';

import markdownIt from 'markdown-it';
import shiki from 'shiki'
const response = await fetch('https://raw.githubusercontent.com/shikijs/shiki/main/README.md');
// const response = await fetch('https://raw.githubusercontent.com/wiki/adam-p/markdown-here/Markdown-Cheatsheet.md');
const markdownResponse = await response.text();



const content = await shiki.getHighlighter({ theme: 'github-dark'}).then(highlighter => {
	const md = markdownIt({
		html: true,
		highlight: (code, lang) => {
			let templang = lang === 'no-highlight' ? 'text' : lang
			return highlighter.codeToHtml(code, {lang: templang})
		}
	})
	return md.render(markdownResponse)
})

---

<main class="outline outline-red-500 mx-auto container max-w-6xl flex justify-center">
	<article class="prose-xl md:prose" set:html={content}/>
</main>