Validate if VueDraggable have elements

[GoldraK]

Hello,
I am creating a component for gallery management.

The area where the photos are displayed is wrapped in a draggable component (VueDraggable) and what I need is to validate that there are elements added to the VueDraggable.

<ValidationProvider
  name="pictures"
  rules="required"
  v-slot="{ errors, valid }"
>
  <draggable
    class="row"
    v-model="gallery.images"
    :sort="true"
  >
    <v-col
      v-for="element in gallery.images"
      :key="element.id"
      class="d-flex child-flex"
      cols="2"
    >
      <v-img
        :src="element.src"
        :lazy-src="`${element.src}?w=50&h=50`"
        aspect-ratio="1"
        class="grey lighten-2"
      >
    </v-col>
  </draggable>
 <span v-if="!valid" class="v-application error--text">{{
    errors[0]
  }}</span>
</ValidationProvider>

Thanks for your time.

[GoldraK]

In the end I managed to solve it thanks to an answer from SO