Using wire:model on nested component

accordion.blade.php

<div>
    @foreach($this->options as $option)
        <div wire:click="optionSelected('{{$option}}')">{{ $option }}</div>
    @endforeach

    <div>{{ $this->selectedOption }}</div>
</div>

Accordion.php

<?php

namespace App\Http\Livewire\Controls;

use Livewire\Component;

class Accordion extends Component
{
    protected $listeners = ['refreshAccordion' => '$refresh'];

    public $options;
    public $selectedOption;

    public function booted()
    {
        $this->options = ['foo', 'bar', 'baz'];
    }

    public function optionSelected($option)
    {
        $this->selectedOption = $option;
    }

    public function render()
    {
        return view('livewire.controls.accordion');
    }
}

parent.blade.php

<div>
    <livewire:controls.accordion
        wire:model="selectedOption"
    />
    <div>@json($selectedOption)</div>
</div>

Parent.php

<?php

namespace App\Http\Livewire\Controls;

use Livewire\Component;

class Parent extends Component
{    
    public $selectedOption;

    public function render()
    {
        return view('livewire.parent');
    }
}