fix: Dependent field values not saved on form submission (#4)

[iamgerwin]

Summary

Fixed the issue where dependent field values inside Flexible layouts were not being saved when the form was submitted.

Root Cause

1. The template was missing ref attributes on child components
2. The fill() method tried to access this.$refs['field-...'] but refs weren't set
3. In Vue 3, refs created in v-for loops are stored as arrays, not single elements

Solution

Template Changes

<component
  v-for="(field, index) in field.fields"
  :key="field.attribute || index"
  :ref="'field-' + field.attribute"
  ...
/>

fill() Method Changes

let fieldComponent = this.$refs[refKey];

// In Vue 3, refs in v-for are stored as arrays
if (Array.isArray(fieldComponent)) {
  fieldComponent = fieldComponent[0];
}

Files Changed

File	Changes
resources/js/components/FormField.vue	Added ref attribute, fixed fill method
dist/js/field.js	Rebuilt assets

Fixes #4