fix broken code blocks

solidjs · Mar 9, 2025 · 5b55d9c · 5b55d9c
1 parent d8438f8
commit 5b55d9c
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 13 deletions.
diff --git a/app.config.ts b/app.config.ts
@@ -69,9 +69,8 @@ export default defineConfig(
 			editPath: "https://github.com/solidjs/solid-docs/edit/main/:path",
 			markdown: {
 				expressiveCode: {
-					themes: ["min-light", "material-theme-ocean"],
+					themes: ["github-light-default", "material-theme-ocean"],
 					themeCssSelector: (theme) => `[data-theme="${theme.type}"]`,
-					frames: false,
 				},
 				toc: {
 					minDepth: 2,

diff --git a/src/routes/quick-start.mdx b/src/routes/quick-start.mdx
@@ -64,11 +64,23 @@ npm install
 ```
 </div>
 
-<div id="yarn">```bash frame="none" yarn install ```</div>
+<div id="yarn">
+```bash frame="none" 
+yarn install 
+```
+</div>
 
-<div id="pnpm">```bash frame="none" pnpm install ```</div>
+<div id="pnpm">
+```bash frame="none" 
+pnpm install 
+```
+</div>
 
-<div id="bun">```bash frame="none" bun install ```</div>
+<div id="bun">
+```bash frame="none"
+ bun install 
+ ```
+ </div>
 
 <div id="deno">
 ```bash frame="none"
@@ -86,9 +98,17 @@ npm run dev
 ```
 </div>
 
-<div id="yarn">```bash frame="none" yarn dev ```</div>
+<div id="yarn">
+```bash frame="none" 
+yarn dev 
+```
+</div>
 
-<div id="pnpm">```bash frame="none" pnpm dev ```</div>
+<div id="pnpm">
+```bash frame="none" 
+pnpm dev 
+```
+</div>
 
 <div id="bun">
 ```bash frame="none"
@@ -116,11 +136,15 @@ npx degit solidjs/templates/ts my-app
 </div>
 
 <div id="yarn">
-	```bash frame="none" yarn dlx degit solidjs/templates/ts my-app ```
+	```bash frame="none" 
+	yarn dlx degit solidjs/templates/ts my-app 
+	```
 </div>
 
 <div id="pnpm">
-	```bash frame="none" pnpm dlx degit solidjs/templates/ts my-app ```
+	```bash frame="none" 
+	pnpm dlx degit solidjs/templates/ts my-app 
+	```
 </div>
 
 <div id="bun">
@@ -150,9 +174,17 @@ npm install
 ```
 </div>
 
-<div id="yarn">```bash frame="none" yarn install ```</div>
+<div id="yarn">
+```bash frame="none" 
+yarn install 
+```
+</div>
 
-<div id="pnpm">```bash frame="none" pnpm install ```</div>
+<div id="pnpm">
+```bash frame="none" 
+pnpm install 
+```
+</div>
 
 <div id="bun">
 ```bash frame="none"
@@ -175,9 +207,17 @@ npm run dev
 ```
 </div>
 
-<div id="yarn">```bash frame="none" yarn dev ```</div>
+<div id="yarn">
+```bash frame="none" 
+yarn dev 
+```
+</div>
 
-<div id="pnpm">```bash frame="none" pnpm dev ```</div>
+<div id="pnpm">
+```bash frame="none" 
+pnpm dev 
+```
+</div>
 
 <div id="bun">
 ```bash frame="none"