fix duplicate form frontend

Author: alancolant

modules/frontend/src/components/Form/DynamicFields.vue

@@ -1,5 +1,6 @@
 <template>
   <UForm :state :schema :disabled ref="formEl" class="space-y-4">
+    {{state}}
     <UFormField
         v-for="field in fields"
         :required="field.required"

modules/frontend/src/pages/processors.vue

@@ -143,9 +143,10 @@ const openEditForm = (id: number) => {
 
 const openCloneForm = (id: number) => {
   const processor = processors.value?.find(s => s.id === id)
+
   useSlideover().open(ProcessorFormComplete, {
     mode: "create",
-    processor: {...toRaw(processor)},
+    processor: reactive({...JSON.parse(JSON.stringify(processor))}),
     onCreated: () => refresh(),
     onUpdated: () => refresh()
   })

modules/frontend/src/pages/sources.vue

@@ -73,9 +73,10 @@ const openEditForm = (id: string) => {
 }
 const openCloneForm = (id: string) => {
   const source = sources.value?.find(s => s.id === id)
+
   useSlideover().open(FormSource, {
     mode: "create",
-    source: {...toRaw(source)},
+    source: reactive({...JSON.parse(JSON.stringify(source))}),
     onCreated: () => refresh(),
     onUpdated: () => refresh()
   })

modules/frontend/src/pages/targets.vue

@@ -71,7 +71,7 @@ const openCloneForm = (id: number) => {
   const target = targets.value?.find(s => s.id === id)
   useSlideover().open(FormTarget, {
     mode: "create",
-    target: {...toRaw(target)},
+    target: reactive({...JSON.parse(JSON.stringify(target))}),
     onCreated: () => refresh(),
     onUpdated: () => refresh()
   })