chore: bundle script

Author: surmon-china

.github/workflows/publish.yml

@@ -23,7 +23,6 @@ jobs:
           registry-url: https://registry.npmjs.org/
       - run: yarn install
       - run: yarn rebirth
-      - run: yarn restyle
       - run: npm publish --access=public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

libundler.config.ts

@@ -5,11 +5,7 @@ export default defineConfig({
   outFileName: 'vue-codemirror',
   entry: './src/index.ts',
   outDir: './dist',
-  targets: ['esm', 'umd'],
-  external: ['vue'],
-  exports: 'named',
-  sourcemap: false,
-  globals: {
-    vue: 'Vue'
-  }
+  targets: ['esm', 'cjs'],
+  external: ['vue', 'csstype', /@codemirror\/.*/],
+  exports: 'named'
 })

package.json

@@ -21,16 +21,14 @@
   "files": [
     "dist"
   ],
-  "sideEffects": false,
-  "type": "module",
-  "main": "dist/vue-codemirror.js",
-  "module": "dist/vue-codemirror.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/vue-codemirror.cjs.js",
+  "module": "./dist/vue-codemirror.esm.js",
+  "types": "./dist/vue-codemirror.esm.d.ts",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "require": "./index.js",
-      "types": "./dist/vue.d.ts"
+      "require": "./dist/vue-codemirror.cjs.js",
+      "import": "./dist/vue-codemirror.esm.js",
+      "types": "./dist/vue-codemirror.esm.d.ts"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -41,18 +39,17 @@
     "test": "vitest run --coverage",
     "lint": "eslint --ext .js,.ts,.vue src test",
     "rebirth": "npm run lint && npm run test && npm run build",
-    "restyle": "cp \"./dist/vue-codemirror.esm.css\" \"./style.css\"",
     "release": ". ./scripts/release.sh"
   },
   "peerDependencies": {
     "vue": "3.x"
   },
   "dependencies": {
     "@codemirror/basic-setup": "^0.20.0",
+    "@codemirror/commands": "0.20.0",
+    "@codemirror/language": "0.20.0",
     "@codemirror/state": "^0.20.0",
     "@codemirror/view": "^0.20.0",
-    "@codemirror/language": "0.20.0",
-    "@codemirror/commands": "0.20.0",
     "csstype": "^2.6.8"
   },
   "devDependencies": {

src/component.ts

@@ -81,12 +81,14 @@ export default defineComponent({
     }
 
     const config = computed(() => {
-      const config: any = {}
-      for (let key in props) {
-        // @ts-ignore
-        config[key] = props[key] ?? defaultConfig[key]
-      }
-      return config as Required<Props>
+      return Object.keys(props).reduce(
+        (result, key) => ({
+          ...result,
+          // @ts-ignore
+          [key]: props[key] ?? defaultConfig[key]
+        }),
+        {} as Required<Props>
+      )
     })
 
     onMounted(() => {

test/index.test.ts

@@ -1,4 +1,3 @@
-import { TransitionGroup } from 'vue'
 import { test, expect, vi } from 'vitest'
 import { mount } from '@vue/test-utils'
 import VueCodemirror, { Codemirror, install } from '../src/index'
@@ -16,6 +15,6 @@ test('export type', async () => {
 
 test('mount component', async () => {
   const wrapper = mount(Codemirror, { props: { modelValue: 'Hello, world!' } })
-  const tgWrapper = wrapper.getComponent(TransitionGroup)
+  expect(wrapper.emitted()).toHaveProperty('ready')
   // TODO: test case
 })