Passing additional option data to a custom form tag field vue

[atmediauk]

Hello,

Thank you for adding the ability to overwrite the form tag field!

Would it be possible to pass additional option data? Specifically to use within the custom vue template? This would be really powerful. For example:

          Multiselect::make('Football teams')
            ->options([
              'liverpool' => ['label' => 'Liverpool FC', 'custom' => 'foo'],
              'tottenham' => ['label' => 'Tottenham Hotspur', 'custom' => 'bar'],
            ]),

Then referencing these in the custom Vue template:

<template>
  <span class="multiselect__tag">
    <span>{{ option.label.trim() }}</span>
    <span>{{ option.custom }}</span>
    <i class="multiselect__tag-icon" @click="remove(option)"></i>
  </span>
</template>
...

EDIT: This looks be possible with a very small change:

outl1ne/nova-multiselect-field/src/Multiselect.php

Change line 44 from

return ['label' => $key, 'values' => $value->map->only(['label', 'value'])->toArray()];

to:

return ['label' => $key, 'values' => $value->map->only(['label', 'value', 'custom'])->toArray()];

Then in the NovaResource

          Multiselect::make('Football teams')
            ->options([
              'liverpool' => ['label' => 'Liverpool FC', 'custom'=> ['description' => 'foobarbaz']],
              'tottenham' => ['label' => 'Tottenham Hotspur', 'custom'=>['description' => 'abc123']],
            ]),

and finally in FormFieldTag.vue

{{ option.custom.description }}

Hopefully its possible 🙈