title: Vue JS Vuelidate validation problem with nested array of objects
body: <p>I tried to use Collections validation from Vuelidate. (i am using Vue 3).
  So, the way i do it now, renders input fields, but what i am missing here is validation, it doesn't work.
  I should have $each array in my v$ object but i don't and i don't know why, i did everything as on the documentation [https://vuelidate.js.org/#sub-collections-validation]. Any help??? I want first two inputs to be required.</p>
  <p><strong>this is how my code looks:</strong></p>
  <pre><code>  &lt;form @submit.prevent=&quot;onSubmit&quot;&gt;
      &lt;div class=&quot;form-items&quot;&gt;
        &lt;div
          class=&quot;form-group&quot;
          v-for=&quot;(property, index) in v$.properties.$model&quot;
          :key=&quot;index&quot;
        &gt;
          &lt;label :for=&quot;property.name&quot;&gt;{{ property.label }}&lt;/label&gt;
          &lt;input
            :type=&quot;property.type&quot;
            class=&quot;form-control&quot;
            :id=&quot;property.name&quot;
            v-model=&quot;property.value&quot;
          /&gt;
        &lt;/div&gt;
        &lt;pre&gt;{{ v$ }}&lt;/pre&gt;
      &lt;/div&gt;
      &lt;Button
        type=&quot;submit&quot;
        variant=&quot;primary&quot;
        text=&quot;Add property&quot;
        :onClick=&quot;onSubmit&quot;
      /&gt;
    &lt;/form&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import useVuelidate from &quot;@vuelidate/core&quot;;
  import { required } from &quot;@vuelidate/validators&quot;;
  import Button from &quot;../components/Button&quot;;
  
  export default {
    name: &quot;PropertyForm&quot;,
    components: {
      Button,
    },
    setup() {
      return { v$: useVuelidate() };
    },
    data() {
      return {
        properties: [
          {
            name: &quot;title&quot;,
            label: &quot;Title&quot;,
            value: &quot;&quot;,
            type: &quot;text&quot;,
          },
          {
            name: &quot;regular_price&quot;,
            label: &quot;Regular price&quot;,
            value: &quot;&quot;,
            type: &quot;number&quot;,
          },
          {
            name: &quot;sales_price&quot;,
            label: &quot;Sales price&quot;,
            value: &quot;&quot;,
            type: &quot;number&quot;,
          },
          { name: &quot;zip&quot;, label: &quot;Zip&quot;, value: &quot;&quot;, type: &quot;text&quot; },
          {
            name: &quot;neighborhood&quot;,
            label: &quot;Neighborhood&quot;,
            value: &quot;&quot;,
            type: &quot;text&quot;,
          },
          {
            name: &quot;city&quot;,
            label: &quot;City&quot;,
            value: &quot;&quot;,
            type: &quot;text&quot;,
          },
          { name: &quot;status&quot;, label: &quot;Status&quot;, value: &quot;&quot;, type: &quot;number&quot; },
        ],
      };
    },
    validations: {
      properties: {
        required,
        $each: {
          name: {
            required,
          },
        },
      },
    },
  };
  &lt;/script&gt;```
  </code></pre>