From fdcfce0a79af94f5f7ff05e19b4edec0fad4d452 Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <kiselev2008@gmail.com>
Date: Tue, 2 Dec 2025 18:22:27 +0300
Subject: [PATCH] feat: add reactivity to formkit

---
 frontend/admin/src/components/FormBuilder/FormRenderer.vue | 7 ++++++-
 frontend/spa/src/views/Checkout.vue                        | 5 ++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/admin/src/components/FormBuilder/FormRenderer.vue b/frontend/admin/src/components/FormBuilder/FormRenderer.vue
index eab14a0..6e678fd 100644
--- a/frontend/admin/src/components/FormBuilder/FormRenderer.vue
+++ b/frontend/admin/src/components/FormBuilder/FormRenderer.vue
@@ -13,8 +13,9 @@
             @submit="handleSubmit"
             :submit-label="submitLabel"
             outer-class="tw:space-y-4"
+            v-model="form"
           >
-            <FormKitSchema :schema="schema" />
+            <FormKitSchema :schema="schema" :data="data"/>
           </FormKit>
         </div>
       </div>
@@ -24,6 +25,10 @@
 
 <script setup>
 import { FormKit, FormKitSchema } from '@formkit/vue';
+import {reactive, ref} from "vue";
+
+const form = ref({});
+const data = reactive(form);
 
 const props = defineProps({
   schema: {
diff --git a/frontend/spa/src/views/Checkout.vue b/frontend/spa/src/views/Checkout.vue
index d44fcf6..a326f1a 100644
--- a/frontend/spa/src/views/Checkout.vue
+++ b/frontend/spa/src/views/Checkout.vue
@@ -15,7 +15,7 @@
           :actions="false"
           @submit="onFormSubmit"
       >
-        <FormKitSchema :schema="checkoutFormSchema"/>
+        <FormKitSchema :schema="checkoutFormSchema" :data="data"/>
       </FormKit>
     </div>
 
@@ -76,6 +76,9 @@ const btnText = computed(() => {
   return checkout.isLoading ? 'Подождите...' : 'Создать заказ';
 });
 
+import { reactive } from 'vue';
+const data = reactive(checkout.form);
+
 function onCreateBtnClick() {
   try {
     submitForm('form-checkout');