update: use vue-demi again to add compatability to vue2

* add vite.config.app.ts for demo generation

src/additional-components/Background/index.tsx

@@ -1,6 +1,6 @@
 import { BackgroundVariant } from '../../types';
 import { createGridDotsPath, createGridLinesPath } from './utils';
-import { computed, defineComponent, HTMLAttributes, PropType } from 'vue';
+import { computed, defineComponent, HTMLAttributes, PropType } from 'vue-demi';
 import store from '../../store';
 
 export interface BackgroundProps extends HTMLAttributes {

src/additional-components/Controls/index.tsx

@@ -1,6 +1,6 @@
 import useZoomPanHelper from '../../hooks/useZoomPanHelper';
 import { FitViewParams } from '../../types';
-import { defineComponent, HTMLAttributes, onMounted, PropType, ref } from 'vue';
+import { defineComponent, HTMLAttributes, onMounted, PropType, ref } from 'vue-demi';
 import store from '../../store';
 
 export interface ControlProps extends HTMLAttributes {

src/additional-components/MiniMap/MiniMapNode.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, PropType } from 'vue';
+import { defineComponent, PropType } from 'vue-demi';
 
 interface MiniMapNodeProps {
   x: number;

src/additional-components/MiniMap/index.tsx

@@ -1,7 +1,7 @@
 import { getRectOfNodes, getBoundsofRects } from '../../utils/graph';
 import { Node, Rect } from '../../types';
 import MiniMapNode from './MiniMapNode';
-import { computed, defineComponent, HTMLAttributes, PropType } from 'vue';
+import { computed, defineComponent, HTMLAttributes, PropType } from 'vue-demi';
 import store from '../../store';
 
 type StringFunc = (node: Node) => string;