I'm using below FormulateForm to have input field with the submit button:

<div class="col-12 col-md-3">
  <FormulateInput
  name="product_codes"
  label="Style number"
  placeholder="Style number"
  />
</div>

<div class="col-12 col-md-3">
  <button
    type="button"
    class="btn btn-primary"
    @click="syncProducts"
  >
    Sync
  </button>
</div>

I want to sent this input data to BE as an array:

<script>

export default {
  name: 'SyncProducts',
  data() {
    return {
      styleCodes: [],
    }
  },
}
</script>

But with this code, instead of Array of String, it sends it as a String.