No need for explicit Shiki usage

Author: will-stone

package-lock.json

@@ -73,7 +73,6 @@
     "prettier": "^3.3.3",
     "prettier-plugin-astro": "^0.14.1",
     "release-it": "^17.10.0",
-    "shiki": "^0.14.7",
     "simple-git-hooks": "^2.11.1",
     "tailwind-scrollbar": "^3.1.0",
     "tailwindcss": "^3.4.14",

package.json

@@ -1,11 +1,7 @@
 ---
-import shiki from 'shiki'
-
 const { lang, code } = Astro.props
 
-const highlighted = await shiki
-  .getHighlighter({ theme: 'css-variables' })
-  .then((highlighter) => highlighter.codeToHtml(code, { lang }))
+import { Code } from 'astro/components'
 ---
 
-<Fragment set:html={highlighted} />
+<Code code={code} lang={lang} theme={'github-dark-high-contrast'} />

website/src/components/code-block.astro

@@ -214,12 +214,16 @@ for (const ting of t.children) {
         <Code
           code={`const isUnique = checkUnique([1, 2, 3])`}
           lang="js"
-          theme="css-variables"
+          theme="github-dark-high-contrast"
         />
 
         <h2>Install</h2>
 
-        <Code code={`npm i tings`} lang="sh" theme="css-variables" />
+        <Code
+          code={`npm i tings`}
+          lang="sh"
+          theme="github-dark-high-contrast"
+        />
 
         {
           Object.entries(byCategory)