fix: run with rc10

docs/package.json

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "highlight.js": "^11.8.0",
-    "vitepress": "^1.0.0-rc.4"
+    "vitepress": "^1.0.0-rc.10"
   }
 }

package.json

@@ -66,27 +66,27 @@
   "dependencies": {
     "@codesandbox/sandpack-themes": "^2.0.21",
     "markdown-it-container": "^3.0.0",
-    "sandpack-vue3": "^3.1.5"
+    "sandpack-vue3": "^3.1.6"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.6.7",
-    "@commitlint/config-conventional": "^17.6.7",
-    "@typescript-eslint/eslint-plugin": "^6.3.0",
-    "@typescript-eslint/parser": "^6.3.0",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@commitlint/cli": "^17.7.1",
+    "@commitlint/config-conventional": "^17.7.0",
+    "@typescript-eslint/eslint-plugin": "^6.5.0",
+    "@typescript-eslint/parser": "^6.5.0",
+    "@vitejs/plugin-vue": "^4.3.4",
     "@vue/eslint-config-typescript": "^11.0.3",
     "babel-loader": "^9.1.3",
-    "bumpp": "^9.1.1",
-    "eslint": "^8.46.0",
+    "bumpp": "^9.2.0",
+    "eslint": "^8.48.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-plugin-import": "^2.28.0",
-    "eslint-plugin-vue": "^9.16.1",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-vue": "^9.17.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.3",
-    "npm": "^9.8.1",
-    "typescript": "^5.1.6",
-    "vite-plugin-dts": "^3.5.1",
+    "lint-staged": "^14.0.1",
+    "npm": "^10.0.0",
+    "typescript": "^5.2.2",
+    "vite-plugin-dts": "^3.5.3",
     "vue-tsc": "^1.8.8"
   },
   "peerDependencies": {

src/components/SandpackUtil.ts

@@ -98,7 +98,8 @@ const getSandpackFiles = async (props: SandpackProp, slot: Slots) => {
       const { active, hidden, readOnly, path } =
         getFileAttributes(JSON.parse(decodeURIComponent(props.codeOptions as string))[i], props.template);
       const filename = path || getDefaultFileName(props.template);
-      v.children = children.filter((c) => c.type === 'pre');
+      const pre = children.find((c) => c.type === 'pre');
+      v.children = pre ? [pre] : [];
       const html = await renderToString(v);
       div.insertAdjacentHTML('beforeend', html);
       code = div.innerText;