Merge pull request #31 from xhayper/patch-1

type: give out types for boolean attributes

Author: cloydlau

package.json

@@ -3,7 +3,7 @@
   "pascalCasedName": "JsonEditorVue",
   "version": "0.10.2",
   "private": false,
-  "packageManager": "pnpm@latest",
+  "packageManager": "pnpm@7.18.1",
   "description": "JSON editor & viewer for Vue 2.6 / 2.7 / 3 & Nuxt 2 / 3.",
   "author": "cloydlau",
   "license": "MIT",

pnpm-lock.yaml

@@ -18,8 +18,8 @@ import { globalAttrs, globalProps } from './install'
 
 export type Mode = 'tree' | 'text' | 'table'
 
-const modelValueProp = isVue3 ? 'modelValue' : 'value'
-const updateModelValue = isVue3 ? 'update:modelValue' : 'input'
+const modelValueProp: any = isVue3 ? 'modelValue' : 'value'
+const updateModelValue: any = isVue3 ? 'update:modelValue' : 'input'
 const boolAttrs = [
   'mainMenuBar',
   'navigationBar',
@@ -28,19 +28,20 @@ const boolAttrs = [
   'escapeControlCharacters',
   'escapeUnicodeCharacters',
   'flattenColumns',
-]
+] as const
 
 export default defineComponent({
   name,
+  inheritAttrs: true,
   props: {
     [modelValueProp]: {},
     mode: {
       type: String as PropType<Mode>,
     },
-    ...Object.fromEntries(Array.from(boolAttrs, boolAttr => [boolAttr, {
-      type: Boolean,
+    ...(Object.fromEntries(boolAttrs.map(boolAttr => [boolAttr, {
+      type: Boolean as PropType<boolean>,
       default: undefined,
-    }])),
+    }])) as { [key in typeof boolAttrs[number]]: { type: PropType<boolean>; default: undefined } }),
   },
   emits: [updateModelValue, 'update:mode'],
   setup(props, { attrs, emit, expose }) {

src/Component.ts

@@ -15,6 +15,7 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "removeComments": false,
+    "skipLibCheck": true,
     "jsx": "preserve",
     "lib": ["esnext", "dom"],
     "types": ["node"],