Livewire 3 Nested Data Binding in Multiple Inputs [Array]

I would like to create 3 inputs to input video so here but it should depend in array. Nested Data binding is not supported in Livewire 3. However, I need to achieve video.1 video.2, and video.3

Livewire [ListingEdit Component]

protected $rules = [
    'video.*' => 'nullable',
];

class ListingEdit extends Component
{
    use WithFileUploads;
    public ListingData $listing;

    public $video = []; // video 1, video 2, video 3

Livewire [ListingEdit Blade]

@for ($i = 1; $i <= 3; $i++)
    <div class="{{ $i != 3 ? 'mb-3' : '' }}">
        <x-input-label for="video{{$i}}" :value="__('Video [num]', ['num' => $i])" />
        <x-text-input-post id="video{{$i}}" :type="old('video')" wire:model="video.{{$i}}"
            placeholder="Embed youtube video" maxChar="80"
            autocomplete="video" />

    </div>
@endfor

The wire:model would be look like video.1, video.2, video.3