From 26bc90e44b9c28ab3f16b5453bd2ba2bc06bbaea Mon Sep 17 00:00:00 2001
From: Kainoa Kanter <kainoa@t1c.dev>
Date: Thu, 28 Sep 2023 08:33:50 -0700
Subject: [PATCH] fix: :bug: passed props to VueDraggable

---
 packages/client/src/components/MkPostFormAttaches.vue       | 6 +++---
 packages/client/src/components/MkWidgets.vue                | 2 +-
 .../client/src/pages/page-editor/page-editor.blocks.vue     | 4 ++--
 packages/client/src/pages/page-editor/page-editor.vue       | 4 ++--
 packages/client/src/pages/settings/reaction.vue             | 6 +++---
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/components/MkPostFormAttaches.vue b/packages/client/src/components/MkPostFormAttaches.vue
index 7deab50c4..d6262f641 100644
--- a/packages/client/src/components/MkPostFormAttaches.vue
+++ b/packages/client/src/components/MkPostFormAttaches.vue
@@ -3,9 +3,9 @@
 		<VueDraggable
 			v-model="_files"
 			class="files"
-			animation="150"
-			delay="100"
-			delay-on-touch-only="true"
+			:animation="150"
+			:delay="100"
+			:delay-on-touch-only="true"
 		>
 			<div
 				v-for="element in _files"
diff --git a/packages/client/src/components/MkWidgets.vue b/packages/client/src/components/MkWidgets.vue
index b8411c732..c73475712 100644
--- a/packages/client/src/components/MkWidgets.vue
+++ b/packages/client/src/components/MkWidgets.vue
@@ -28,7 +28,7 @@
 					i18n.ts.close
 				}}</MkButton>
 			</header>
-			<VueDraggable v-model="widgets_" handle=".handle" animation="150">
+			<VueDraggable v-model="widgets_" handle=".handle" :animation="150">
 				<div v-for="element in widgets_" :key="element.id">
 					<div class="customize-container">
 						<button
diff --git a/packages/client/src/pages/page-editor/page-editor.blocks.vue b/packages/client/src/pages/page-editor/page-editor.blocks.vue
index 9db45aebd..c449f5fdf 100644
--- a/packages/client/src/pages/page-editor/page-editor.blocks.vue
+++ b/packages/client/src/pages/page-editor/page-editor.blocks.vue
@@ -4,8 +4,8 @@
 		tag="div"
 		handle=".drag-handle"
 		:group="{ name: 'blocks' }"
-		animation="150"
-		swap-threshold="0.5"
+		:animation="150"
+		:swap-threshold="0.5"
 	>
 		<component
 			:is="'x-' + element.type"
diff --git a/packages/client/src/pages/page-editor/page-editor.vue b/packages/client/src/pages/page-editor/page-editor.vue
index 627c1993d..aac5a34c1 100644
--- a/packages/client/src/pages/page-editor/page-editor.vue
+++ b/packages/client/src/pages/page-editor/page-editor.vue
@@ -125,8 +125,8 @@
 						class="variables"
 						handle=".drag-handle"
 						:group="{ name: 'variables' }"
-						animation="150"
-						swap-threshold="0.5"
+						:animation="150"
+						:swap-threshold="0.5"
 					>
 						<XVariable
 							v-for="element in variables"
diff --git a/packages/client/src/pages/settings/reaction.vue b/packages/client/src/pages/settings/reaction.vue
index 78d7f0f0a..ccd670358 100644
--- a/packages/client/src/pages/settings/reaction.vue
+++ b/packages/client/src/pages/settings/reaction.vue
@@ -13,9 +13,9 @@
 					<VueDraggable
 						v-model="reactions"
 						class="zoaiodol"
-						animation="150"
-						delay="100"
-						delay-on-touch-only="true"
+						:animation="150"
+						:delay="100"
+						:delay-on-touch-only="true"
 						@end="save"
 					>
 						<div