From 6746d6bb466ea78b3a2c2da7ff4283c7a9c25248 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 8 Mar 2022 12:07:57 +0100
Subject: [PATCH] fix(flow): fix typo in paneMovable prop

Signed-off-by: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
---
 src/container/VueFlow/VueFlow.vue | 2 +-
 src/container/VueFlow/watch.ts    | 4 ++--
 src/store/actions.ts              | 2 +-
 src/store/state.ts                | 2 +-
 src/types/flow.ts                 | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue
index 1d013fd3..419d9a6b 100644
--- a/src/container/VueFlow/VueFlow.vue
+++ b/src/container/VueFlow/VueFlow.vue
@@ -18,7 +18,7 @@ const props = withDefaults(defineProps<FlowProps>(), {
   zoomOnPinch: undefined,
   zoomOnDoubleClick: undefined,
   panOnScroll: undefined,
-  paneMoveable: undefined,
+  paneMovable: undefined,
   applyDefault: undefined,
   fitViewOnInit: undefined,
 })
diff --git a/src/container/VueFlow/watch.ts b/src/container/VueFlow/watch.ts
index b0431f04..77beefa4 100644
--- a/src/container/VueFlow/watch.ts
+++ b/src/container/VueFlow/watch.ts
@@ -97,9 +97,9 @@ export default (
       { immediate: isDef(props.snapGrid) },
     )
     watch(
-      () => props.paneMoveable,
+      () => props.paneMovable,
       (v) => isDef(v) && (store.paneMoveable = v),
-      { immediate: isDef(props.paneMoveable) },
+      { immediate: isDef(props.paneMovable) },
     )
     watch(
       () => props.panOnScroll,
diff --git a/src/store/actions.ts b/src/store/actions.ts
index ad15482d..7782de96 100644
--- a/src/store/actions.ts
+++ b/src/store/actions.ts
@@ -248,7 +248,7 @@ export default (state: State, getters: ComputedGetters): Actions => {
     if (typeof opts.panOnScroll !== 'undefined') state.panOnScroll = opts.panOnScroll
     if (typeof opts.panOnScrollMode !== 'undefined') state.panOnScrollMode = opts.panOnScrollMode
     if (typeof opts.panOnScrollSpeed !== 'undefined') state.panOnScrollSpeed = opts.panOnScrollSpeed
-    if (typeof opts.paneMoveable !== 'undefined') state.paneMoveable = opts.paneMoveable
+    if (typeof opts.paneMovable !== 'undefined') state.paneMoveable = opts.paneMovable
     if (typeof opts.zoomOnScroll !== 'undefined') state.zoomOnScroll = opts.zoomOnScroll
     if (typeof opts.preventScrolling !== 'undefined') state.preventScrolling = opts.preventScrolling
     if (typeof opts.zoomOnDoubleClick !== 'undefined') state.zoomOnDoubleClick = opts.zoomOnDoubleClick
diff --git a/src/store/state.ts b/src/store/state.ts
index e7608979..dac89fef 100644
--- a/src/store/state.ts
+++ b/src/store/state.ts
@@ -103,7 +103,7 @@ export default (opts?: FlowOptions): State => {
     if (typeof opts.panOnScroll !== 'undefined') state.panOnScroll = opts.panOnScroll
     if (typeof opts.panOnScrollMode !== 'undefined') state.panOnScrollMode = opts.panOnScrollMode
     if (typeof opts.panOnScrollSpeed !== 'undefined') state.panOnScrollSpeed = opts.panOnScrollSpeed
-    if (typeof opts.paneMoveable !== 'undefined') state.paneMoveable = opts.paneMoveable
+    if (typeof opts.paneMovable !== 'undefined') state.paneMoveable = opts.paneMovable
     if (typeof opts.zoomOnScroll !== 'undefined') state.zoomOnScroll = opts.zoomOnScroll
     if (typeof opts.preventScrolling !== 'undefined') state.preventScrolling = opts.preventScrolling
     if (typeof opts.zoomOnDoubleClick !== 'undefined') state.zoomOnDoubleClick = opts.zoomOnDoubleClick
diff --git a/src/types/flow.ts b/src/types/flow.ts
index 305dfd5b..d684e57c 100644
--- a/src/types/flow.ts
+++ b/src/types/flow.ts
@@ -101,7 +101,7 @@ export interface FlowProps<N = any, E = N> {
   nodesConnectable?: boolean
   elementsSelectable?: boolean
   selectNodesOnDrag?: boolean
-  paneMoveable?: boolean
+  paneMovable?: boolean
   minZoom?: number
   maxZoom?: number
   defaultZoom?: number