Is it possible to link the number of elements in a ListElement to another element?

[pwicks86]

For example, could you have a TextElement with input-type="number" where the number in the TextElement determined the number of items to show in the ListElement.

[adamberecz]

Here's one way of achieving it:
https://stackblitz.com/edit/github-2ta5y4?file=src%2FApp.vue

<template>
  <Vueform ref="form$" v-bind="form" />
</template>

<script setup>
import { ref } from 'vue'

const form = ref({
  schema: {
    number: {
      type: 'text',
      onChange(newNumber, oldNumber, el$) {
        const list$ = el$.form$.el$('list')
        const number = parseInt(newNumber) || 0

        if (list$.value.length < number) {
          for (let i = list$.value.length; i < number; i++) {
            list$.add()
          }
        }

        else if (list$.value.length > number) {
          for (let i = list$.value.length; i > number; i--) {
            list$.remove(i)
          }
        }
      }
    },
    list: {
      type: 'list',
      controls: {
        add: false,
        remove: false,
      },
      element: {
        type: 'text'
      }
    }
  }
})
</script>

[pwicks86]

Ah, I ended up doing something similar, but was wondering if there was a more declarative way of managing this, that said this seems to work ok. Thanks!