refactor: Update validations prop in genericForm component

Author: tacxou

src/components/genericForm/index.vue

@@ -3,7 +3,7 @@ div
   //- pre(v-html="JSON.stringify(payload, null, 2)")
   sesame-json-form-renderer(
     v-model:data="payload.target"
-    v-model:validations="validations"
+    v-model:validations="validationsInternal"
     :schema="schema"
     :uischema="uischema"
   )
@@ -33,6 +33,10 @@ const props = defineProps(
       type: Object,
       required: true,
     },
+    validations: {
+      type: Object || null,
+      default: {},
+    },
   }
 )
 
@@ -42,7 +46,12 @@ const { getStateColor, getStateName } = useIdentityStates()
 const { handleError } = useErrorHandling()
 
 
-const validations = ref([])
+const validationsInternal = ref(props.validations)
+
+watch(() => props.validations, () => {
+  validationsInternal.value = props.validations
+})
+
 const error = ref(null)
 
 // defineExpose({

src/components/jsonFormRenderer.vue

@@ -73,11 +73,11 @@ function onChange(event: JsonFormsChangeEvent) {
 }
 
 const getSchemaValidations = computed(() => {
-  if (!props.validations || !props.validations[props.schemaName]) {
+  if (!props.validations || !props.validations) {
     return [];
   }
   const errorObject: ErrorObject[] = [];
-  let validationList = props.validations[props.schemaName]
+  let validationList = props.validations
   for (const key in validationList) {
     errorObject.push({
       message: validationList[key],

src/components/jsonFormRendererApi.vue

@@ -1,5 +1,6 @@
 <template lang="pug">
 json-forms(
+  v-if="data"
   :data="data"
   :schema="schema"
   :uischema="uischema"

src/pages/agents/index.vue

@@ -33,6 +33,7 @@ div
         :payload="payload" ref="form"
         :schema="schema"
         :uischema="uischema"
+        v-model:validations="validations"
       )
       //- sesame-json-form-renderer(
       //-   v-model:data="payload.target"