FormKitSchema doesn't update data props

[ironytr]

<script setup lang="ts">
import { FormKitSchema } from '@formkit/vue'

useHead({
  title: "Katalog Özellikleri",
})
const schemaGroup = reactive(
  [
    {
      $el: 'h2',
      children: ['Özellik Grubu Oluştur']
    },

    {
      $formkit: 'primeInputText',
      name: 'name',
      label: 'Özellik İsmi',
      help: 'Oluşturacağınız özellik için isim giriniz',
      validation: 'required'

    },
  ]
)

const attributeGroupForm = ref({})

</script>


<template>
  <div class="card">
    <FormKit type="form" id="form" v-model="attributeGroupForm" class="w-full" :submit-attrs="{
        inputClass: 'p-button p-component',
        wrapperClass: 'w-full',
        outerClass: 'w-full'
      }" @submit="">
      <pre>{{attributeGroupForm}}</pre>
        <FormKitSchema :schema="schemaGroup" :data="attributeGroupForm"/>
      </FormKit>
  </div>
</template>

no model capturing the input data