update: more changes to bundle config...

src/components/ConnectionLine/index.tsx

@@ -1,4 +1,4 @@
-import { ref, defineComponent, CSSProperties, PropType, computed } from 'vue-demi';
+import { ref, defineComponent, CSSProperties, PropType, computed } from 'vue';
 
 import { getBezierPath } from '../Edges/BezierEdge';
 import { getSmoothStepPath } from '../Edges/SmoothStepEdge';

src/components/Edges/BezierEdge.tsx

@@ -1,4 +1,4 @@
-import { computed, CSSProperties, defineComponent, PropType } from 'vue-demi';
+import { computed, CSSProperties, defineComponent, PropType } from 'vue';
 
 import EdgeText from './EdgeText';
 

src/components/Edges/EdgeAnchor.tsx

@@ -1,5 +1,5 @@
 import { Position } from '../../types';
-import { defineComponent, HTMLAttributes, PropType } from 'vue-demi';
+import { defineComponent, HTMLAttributes, PropType } from 'vue';
 
 const shiftX = (x: number, shift: number, position: Position): number => {
   if (position === Position.Left) return x - shift;

src/components/Edges/EdgeText.tsx

@@ -1,5 +1,5 @@
 import { EdgeTextProps, Rect } from '../../types';
-import { defineComponent, PropType, ref, watch } from 'vue-demi';
+import { defineComponent, PropType, ref, watch } from 'vue';
 
 const EdgeText = defineComponent({
   props: {

src/components/Edges/SmoothStepEdge.tsx

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 
 import EdgeText from './EdgeText';
 import { getMarkerEnd, getCenter } from './utils';

src/components/Edges/StepEdge.tsx

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 
 import { EdgeSmoothStepProps } from '../../types';
 import SmoothStepEdge from './SmoothStepEdge';

src/components/Edges/StraightEdge.tsx

@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue-demi';
+import { defineComponent } from 'vue';
 
 import EdgeText from './EdgeText';
 import { getMarkerEnd } from './utils';

src/components/Edges/wrapEdge.tsx

@@ -1,4 +1,4 @@
-import { Component, computed, defineComponent, ref } from 'vue-demi';
+import { Component, computed, defineComponent, ref } from 'vue';
 
 import store from '../../store';
 import { Edge, EdgeProps, Position, WrapEdgeProps } from '../../types';

src/components/Handle/index.tsx

@@ -1,6 +1,6 @@
 import { Connection, ElementId, Position } from '../../types';
 import { onMouseDown, ValidConnectionFunc } from './handler';
-import { defineComponent, inject, PropType } from 'vue-demi';
+import { defineComponent, inject, PropType } from 'vue';
 import store from '../../store';
 
 const alwaysValid = () => true;

src/components/Nodes/DefaultNode.tsx

@@ -1,6 +1,6 @@
 import Handle from '../../components/Handle';
 import { NodeProps, Position } from '../../types';
-import { defineComponent, PropType } from 'vue-demi';
+import { defineComponent, PropType } from 'vue';
 
 const DefaultNode = defineComponent({
   name: 'DefaultNode',

src/components/Nodes/InputNode.tsx

@@ -1,6 +1,6 @@
 import Handle from '../../components/Handle';
 import { NodeProps, Position } from '../../types';
-import { defineComponent, PropType } from 'vue-demi';
+import { defineComponent, PropType } from 'vue';
 
 const InputNode = defineComponent({
   name: 'InputNode',

src/components/Nodes/OutputNode.tsx

@@ -1,6 +1,6 @@
 import Handle from '../../components/Handle';
 import { NodeProps, Position } from '../../types';
-import { defineComponent, PropType } from 'vue-demi';
+import { defineComponent, PropType } from 'vue';
 
 const OutputNode = defineComponent({
   name: 'OutputNode',

src/components/Nodes/wrapNode.tsx

@@ -1,5 +1,5 @@
 import { Node, WrapNodeProps } from '../../types';
-import { computed, CSSProperties, defineComponent, onMounted, provide, ref } from 'vue-demi';
+import { computed, CSSProperties, defineComponent, onMounted, provide, ref } from 'vue';
 import store from '../../store';
 
 export default (NodeComponent: any) => {

src/components/UserSelection/index.tsx

@@ -2,7 +2,7 @@
  * The user selection rectangle gets displayed when a user drags the mouse while pressing shift
  */
 import { XYPosition } from '../../types';
-import { defineComponent, PropType } from 'vue-demi';
+import { defineComponent, PropType } from 'vue';
 import store from '../../store';
 
 type UserSelectionProps = {