build: rename main into index

Author: elevatebart

rollup.config.js

@@ -8,22 +8,13 @@ import pkg from "./package.json";
 const resolve = (_path) => path.resolve(__dirname, _path);
 
 export default {
-  input: resolve("./src/main.js"),
+  input: resolve("./src/index.js"),
   output: [
     {
       file: pkg.main,
       name: "VueLive",
-      format: "umd",
+      format: "cjs",
       exports: "named", // remove warning about mixed exports
-      globals: {
-        "hash-sum": "vueLiveHashSum",
-        "vue-inbrowser-compiler": "vueLivevueInbrowserCompiler",
-        "vue-template-compiler": "vueLiveVueTemplateCompiler",
-        "vue-prism-editor": "VuePrismEditor",
-        debounce: "debounce",
-        acorn: "acorn",
-        recast: "recast",
-      },
     },
     {
       file: pkg.module,
@@ -40,15 +31,16 @@ export default {
       runtimeHelpers: true,
     }),
     vue({
-			template: {
-				optimizeSSR: true
-			}
-		}),
+      template: {
+        optimizeSSR: true,
+      },
+    }),
     css(),
   ],
   external: [
     ...Object.keys(pkg.dependencies),
     // make sure jsx schema is loaded from external
     "prismjs/components/prism-jsx.min",
+    "@vue/compiler-core/dist/compiler-core.cjs",
   ],
 };

src/index.js

@@ -1,5 +1,18 @@
-import VueLive from './VueLive';
-import VueLiveEditor from './Editor';
-import VueLivePreview from './Preview';
+import VueLive from "./VueLive.vue";
+import VueLivePreview from "./Preview.vue";
+import VueLiveEditor from './Editor.vue';
 
-export { VueLive, VueLiveEditor, VueLivePreview };
+// Export components individually
+export { VueLive };
+export { VueLivePreview };
+export { VueLiveEditor };
+
+// What should happen if the user installs the library as a plugin
+function install(Vue) {
+  Vue.component("VueLive", VueLive);
+  Vue.component("VueLivePreview", VueLivePreview);
+  Vue.component("VueLiveEditor", VueLiveEditor);
+}
+
+// Export the library as a plugin
+export default { install: install };