fix(build): added vue-demi as external in rollup config

Author: alvarosabu

dev/typescript/main.ts

@@ -3,10 +3,10 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import './styles/main.scss';
 
-import { createDynamicForms } from '../../src';
+/* import { createDynamicForms } from '../../src'; */
+
+import { createDynamicForms } from '../../dist/as-dynamic-forms.esm';
 
-/* import { createDynamicForms } from '../../dist/as-dynamic-forms.esm';
- */
 const VueDynamicForms = createDynamicForms({
   autoValidate: true,
   form: {

package-lock.json

@@ -87,7 +87,7 @@
     "semantic-release": "17.2.4",
     "ts-node": "^9.0.0",
     "typescript": "~4.1.2",
-    "vue": "^3.0.0",
+    "vue": "^3.0.4",
     "vue-select": "3.10.8",
     "postcss": "^7.0.35",
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.1"

package.json

@@ -33,7 +33,11 @@ const outputConfigs = {
     file: pkg.main,
     format: `cjs`,
   },
-  global: {
+  'global-vue-3': {
+    file: pkg.unpkg.replace('2', '3'),
+    format: `iife`,
+  },
+  'global-vue-2': {
     file: pkg.unpkg,
     format: `iife`,
   },
@@ -52,7 +56,7 @@ function createConfig(format, output, plugins = []) {
   output.sourcemap = !!process.env.SOURCE_MAP;
   output.banner = banner;
   output.externalLiveBindings = false;
-  output.globals = { vue: 'Vue' };
+  output.globals = { 'vue-demi': 'VueDemi' };
 
   const isProductionBuild = /\.prod\.js$/.test(output.file);
   const isGlobalBuild = format === 'global';
@@ -82,7 +86,7 @@ function createConfig(format, output, plugins = []) {
   // during a single build.
   /* hasTSChecked = true; */
 
-  const external = ['vue'];
+  const external = ['vue-demi'];
 
   const nodePlugins = [resolve(), commonjs()];