build: update vompiler and rollup config

Author: elevatebart

package-lock.json

@@ -16,7 +16,7 @@
     "core-js": "^2.6.5",
     "debounce": "^1.2.0",
     "prismjs": "^1.16.0",
-    "vue-inbrowser-compiler": "^3.16.3",
+    "vue-inbrowser-compiler": "^3.21.0",
     "vue-prism-editor": "^0.2.1"
   },
   "devDependencies": {
@@ -60,6 +60,7 @@
   ],
   "license": "MIT",
   "main": "dist/vue-live.common.js",
+  "module": "dist/vue-live.esm.js",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vue-styleguidist/vue-live.git"

package.json

@@ -1,26 +1,27 @@
 import * as path from "path";
-import cjs from "rollup-plugin-commonjs";
+import commonjs from "rollup-plugin-commonjs";
 import babel from "rollup-plugin-babel";
 import vue from "rollup-plugin-vue";
 import css from "rollup-plugin-css-only";
+import pkg from "./package.json";
 
 const resolve = _path => path.resolve(__dirname, _path);
 
 export default {
   input: resolve("./src/main.js"),
   output: [
     {
-      file: resolve(`./dist/vue-live.common.js`),
-      format: "cjs",
-      exports: "named"
+      file: pkg.main,
+      name: "VueLive",
+      format: "umd"
     },
     {
-      file: resolve(`./dist/vue-live.esm.js`),
-      format: "esm"
+      file: pkg.module,
+      format: "es" // the preferred format
     }
   ],
   plugins: [
-    cjs(),
+    commonjs(),
     babel({
       babelrc: false,
       presets: [["@vue/babel-preset-app", { useBuiltIns: false }]],
@@ -31,11 +32,7 @@ export default {
     css()
   ],
   external: [
-    "debounce",
-    "vue-inbrowser-compiler",
-    "prismjs",
-    "prismjs/components/prism-jsx.min",
-    "vue-prism-editor",
-    "hash-sum"
+    ...Object.keys(pkg.dependencies),
+    "prismjs/components/prism-jsx.min"
   ]
 };