fix: boolean issue

README.md

@@ -30,6 +30,7 @@ Language support: `angular` | `react` | `react-ts` | `vanilla` | `vanilla-ts` |
   ```diff
   import DefaultTheme from 'vitepress/theme';
   +import { Sandbox } from 'vitepress-plugin-sandpack';
+  +import 'vitepress-plugin-sandpack/dist/style.css';
 
   export default {
     ...DefaultTheme,
@@ -49,7 +50,6 @@ Language support: `angular` | `react` | `react-ts` | `vanilla` | `vanilla-ts` |
   import { defineConfig } from 'vitepress';
   import container from 'markdown-it-container';
   import { renderSandbox } from 'vitepress-plugin-sandpack';
-  import 'vitepress-plugin-sandpack/dist/style.css';
 
   // rule of 'html tag name' to 'component name'
   // 'sanbox' -> 'Sandbox'

docs/docs/custom-usage/custom-options.md

@@ -98,8 +98,7 @@ export default {
 ```js
 import { defineConfig } from 'vitepress';
 import container from 'markdown-it-container';
-import { renderSandbox } from 'vitepress-plugin-sandpack';
-import 'vitepress-plugin-sandpack/dist/style.css';
+import { renderSandbox } from 'vitepress-plugin-sandpack';import 'vitepress-plugin-sandpack/dist/style.css';
 
 // rule of 'html tag name' to 'component name'
 // 'sanbox' -> 'Sandbox'

docs/docs/custom-usage/custom.md

@@ -82,6 +82,7 @@ const props = defineProps(sandboxProps);
 import DefaultTheme from 'vitepress/theme';
 import Sandbox from 'vitepress-plugin-sandpack';
 +import MySandbox from 'you-dir/MySandbox.vue';
++import 'vitepress-plugin-sandpack/dist/style.css';
 
 export default {
   ...DefaultTheme,
@@ -101,7 +102,6 @@ export default {
 import { defineConfig } from 'vitepress';
 import container from 'markdown-it-container';
 import { renderSandbox } from 'vitepress-plugin-sandpack';
-import 'vitepress-plugin-sandpack/dist/style.css';
 
 // rule of 'html tag name' to 'component name'
 // 'sanbox' -> 'Sandbox'

docs/docs/get-started/install.md

@@ -61,7 +61,6 @@ export default {
 import { defineConfig } from 'vitepress';
 import container from 'markdown-it-container';
 import { renderSandbox } from 'vitepress-plugin-sandpack';
-import 'vitepress-plugin-sandpack/dist/style.css';
 
 // rule of 'html tag name' to 'component name'
 // 'sanbox' -> 'Sandbox'

docs/package.json

@@ -10,6 +10,6 @@
   },
   "devDependencies": {
     "highlight.js": "^11.9.0",
-    "vitepress": "^1.0.0-rc.22"
+    "vitepress": "^1.0.0-rc.23"
   }
 }

package.json

@@ -69,25 +69,25 @@
     "sandpack-vue3": "^3.1.9"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.8.0",
-    "@commitlint/config-conventional": "^17.8.0",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
+    "@commitlint/cli": "^18.0.0",
+    "@commitlint/config-conventional": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.9.0",
+    "@typescript-eslint/parser": "^6.9.0",
     "@vitejs/plugin-vue": "^4.4.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "babel-loader": "^9.1.3",
     "bumpp": "^9.2.0",
-    "eslint": "^8.51.0",
+    "eslint": "^8.52.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-vue": "^9.17.0",
     "husky": "^8.0.3",
-    "lint-staged": "^14.0.1",
+    "lint-staged": "^15.0.2",
     "npm": "^10.2.1",
     "typescript": "^5.2.2",
     "vite-plugin-dts": "^3.6.0",
-    "vue-tsc": "^1.8.19"
+    "vue-tsc": "^1.8.20"
   },
   "peerDependencies": {
     "vite": ">=4.0.0",

src/components/Sandbox.vue

@@ -20,7 +20,7 @@ const props = defineProps(sandboxProps);
 
 const files = ref<SandpackFiles>({});
 
-const getOpt = (propName: string) => props[propName] || props?.options?.[propName];
+const getOpt = (propName: string) => props[propName] ?? props?.options?.[propName];
 
 const editorVisible = computed(() => parsedBoolean(getOpt('hideEditor')) ? 'none' : 'flex');