fix: remove vue from dev-deps

* fix default prop types

package/package.json

@@ -43,7 +43,6 @@
   "devDependencies": {
     "@rollup/plugin-replace": "^2.4.2",
     "@vitejs/plugin-vue": "^2.2.0",
-    "@vue/compiler-sfc": "3.2.22",
     "autoprefixer": "^10.3.7",
     "np": "^7.5.0",
     "postcss": "^8.4.8",
@@ -53,7 +52,6 @@
     "vite": "2.5.x",
     "vite-plugin-vue-type-imports": "^0.1.3",
     "vite-svg-loader": "^2.2.0",
-    "vue": "3.2.21",
     "vue-tsc": "^0.29.5"
   },
   "peerDependencies": {

package/src/components/Edges/BezierEdge.vue

@@ -9,7 +9,7 @@ const props = withDefaults(defineProps<EdgeProps>(), {
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
   labelStyle: () => ({}),
-  label: () => '',
+  label: '',
   labelShowBg: true,
   labelBgStyle: () => ({}),
 })

package/src/components/Edges/SimpleBezierEdge.vue

@@ -9,7 +9,7 @@ const props = withDefaults(defineProps<EdgeProps>(), {
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
   labelStyle: () => ({}),
-  label: () => '',
+  label: '',
   labelShowBg: true,
   labelBgStyle: () => ({}),
 })

package/src/components/Edges/SmoothStepEdge.vue

@@ -8,7 +8,7 @@ const props = withDefaults(defineProps<SmoothStepEdgeProps>(), {
   selected: false,
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
-  label: () => '',
+  label: '',
   labelStyle: () => ({}),
   labelShowBg: true,
   labelBgStyle: () => ({}),

package/src/components/Edges/StepEdge.vue

@@ -7,7 +7,7 @@ const props = withDefaults(defineProps<EdgeProps>(), {
   selected: false,
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
-  label: () => '',
+  label: '',
   labelStyle: () => ({}),
   labelShowBg: true,
   labelBgStyle: () => ({}),

package/src/components/Edges/StraightEdge.vue

@@ -7,7 +7,7 @@ const props = withDefaults(defineProps<EdgeProps>(), {
   selected: false,
   sourcePosition: 'bottom' as Position,
   targetPosition: 'top' as Position,
-  label: () => '',
+  label: '',
   labelStyle: () => ({}),
   labelShowBg: true,
   labelBgStyle: () => ({}),

package/src/container/VueFlow/VueFlow.vue

@@ -23,7 +23,7 @@ const props = withDefaults(defineProps<FlowProps>(), {
   applyDefault: undefined,
   fitViewOnInit: undefined,
   connectOnClick: undefined,
-  connectionLineStyle: () => null,
+  connectionLineStyle: null,
 })
 const emit = defineEmits([...Object.keys(createHooks()), 'update:modelValue', 'update:edges', 'update:nodes'])