feat: add reactivity to formkit

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: {

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');