create solid components

vanessacor · Jul 8, 2024 · bdbc641 · bdbc641
1 parent a7a75ab
commit bdbc641
Show file tree

Hide file tree

Showing 7 changed files with 366 additions and 15 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -4,15 +4,19 @@ import sitemap from "@astrojs/sitemap";
 import { externalLinks } from "./src/integration/rehype/externalLinks";
 import solidJs from "@astrojs/solid-js";
 
+import expressiveCode from "astro-expressive-code";
+
 // https://astro.build/config
 export default defineConfig({
-  integrations: [mdx(), sitemap(), solidJs()],
+  integrations: [
+    expressiveCode({
+      themes: ["one-dark-pro"],
+    }),
+    mdx(),
+    sitemap(),
+    solidJs(),
+  ],
   markdown: {
     rehypePlugins: [externalLinks],
-    shikiConfig: {
-      theme: "rose-pine-dawn",
-      langs: ["js", "ts", "html", "bash", "json"],
-      wrap: true
-    }
-  }
-});
+  },
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "@fontsource-variable/montserrat": "^5.0.18",
     "@fontsource/ibm-plex-mono": "^5.0.12",
     "astro": "^4.5.5",
+    "astro-expressive-code": "^0.35.3",
     "mdast": "^3.0.0",
     "mdast-util-to-string": "^4.0.0",
     "solid-js": "^1.8.18",