build: fix Error [ERR_REQUIRE_ESM]

Author: cloydlau

package.json

@@ -1,5 +1,6 @@
 {
   "name": "json-editor-vue",
+  "pascalCasedName": "JsonEditorVue",
   "version": "0.9.2",
   "private": false,
   "packageManager": "pnpm@latest",

src/Component.ts

@@ -13,11 +13,11 @@ import type { PropType } from 'vue-demi'
 import { JSONEditor } from 'vanilla-jsoneditor'
 import { conclude } from 'vue-global-config'
 import { debounce } from 'lodash-es'
+import { pascalCasedName as name } from '../package.json'
 import { globalAttrs, globalProps } from './index'
 
 export type Mode = 'tree' | 'text'
 
-const name = 'JsonEditorVue'
 const modelValueProp = isVue3 ? 'modelValue' : 'value'
 const updateModelValue = isVue3 ? 'update:modelValue' : 'input'
 const boolAttrs = [
@@ -166,5 +166,3 @@ export default defineComponent({
     return () => h('div', { ref: 'jsonEditorRef' })
   },
 })
-
-export { name }

vite.config.ts

@@ -1,7 +1,6 @@
 import type { ConfigEnv, UserConfigExport } from 'vite'
 import dts from 'vite-plugin-dts'
-import { name } from './package.json'
-import { name as globalVariableName } from './src/Component'
+import { name, pascalCasedName } from './package.json'
 
 // https://vitejs.dev/config/
 export default ({ command }: ConfigEnv): UserConfigExport => {
@@ -20,7 +19,10 @@ export default ({ command }: ConfigEnv): UserConfigExport => {
         ],
         output: {
           globals: {
-            [name]: globalVariableName,
+            [name]: pascalCasedName,
+            'vanilla-jsoneditor': 'JSONEditor',
+            'vue': 'Vue',
+            'vue-demi': 'VueDemi',
           },
         },
       },