fix(website): valtio.dev code display issue (#1022)

* fixed homepage code example * added declaration files to get counter example to build * removed empty declaration files
pmndrs · Dec 18, 2024 · f6e424d · f6e424d
1 parent 24753f6
commit f6e424d
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 6 deletions.
diff --git a/examples/counter/package.json b/examples/counter/package.json
@@ -10,7 +10,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@types/lowlight": "^0.0.7",
     "highlight.js": "^11.11.0",
+    "lowlight": "^3.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-lowlight": "^3.0.1",

diff --git a/examples/counter/pnpm-lock.yaml b/examples/counter/pnpm-lock.yaml
diff --git a/website/styles/prism-theme.css b/website/styles/prism-theme.css
@@ -35,9 +35,14 @@ pre {
 }
 
 :not(pre) > code[class*="language-"],
-code {
+pre[class*="language-"] {
+  background: #2e3440;
+  padding: 1em;
+}
+
+code:not([class*="language-"]) {
+  padding: 0.1em 0.3em;
   background: #2e3440;
-  padding: 0.1em;
 }
 
 code {
@@ -164,7 +169,3 @@ blockquote {
 .important {
   border-left: 5px solid #a3be8c;
 }
-
-code {
-
-}