feat: support attrs in kebab-case, closes #84

Author: cloydlau

eslint.config.ts

@@ -9,7 +9,6 @@ export default antfu(
       'brace-style': ['error', 'stroustrup', { allowSingleLine: false }],
       'curly': ['error', 'all'],
       'no-console': 'off',
-      'vue/attribute-hyphenation': 'off',
       'vue/max-attributes-per-line': 'error',
       'vue/multi-word-component-names': 'off',
       'vue/no-deprecated-v-bind-sync': 'off',

src/Component.ts

@@ -113,8 +113,9 @@ export default defineComponent({
           },
         ],
         {
-          type: Object,
+          camelizeObjectKeys: true,
           mergeFunction,
+          type: Object,
         },
       )
 
@@ -174,17 +175,18 @@ export default defineComponent({
             onChange?: (...args: any) => unknown
             onChangeMode?: (...args: any) => unknown
           } = {}
-          if (newAttrs.onChange) {
+          if (newAttrs.onChange || newAttrs['on-change']) {
             defaultFunctionAttrs.onChange = onChange
           }
-          if (newAttrs.onChangeMode) {
+          if (newAttrs.onChangeMode || newAttrs['on-change-mode']) {
             defaultFunctionAttrs.onChangeMode = onChangeMode
           }
           jsonEditor.value?.updateProps(
             Object.getOwnPropertyNames(defaultFunctionAttrs).length > 0
               ? conclude([newAttrs, defaultFunctionAttrs], {
-                type: Object,
+                camelizeObjectKeys: true,
                 mergeFunction,
+                type: Object,
               })
               : newAttrs,
           )