مشکل در wire:click

برای تمرین و یادگیری livewire یک پروژه ایجاد کردم
و طبق چیزی که دیدم و انجام دادم قاعدتا اون wire:click باید کار کنه و اسم و فامیل تغییر کنه
ولی هیچ اتفاقی نمیافته
کجاش رو اشتباه رفتم ؟

blade اصلی‌:

        @php
            $data = [ 'name' => ' Test ' , 'Family' => ' Test '];
        @endphp

        <livewire:test-example :data="$data">

        <button wire:click="changeName">تغییر نام</button>

محتوی کامپوننت :

<div>
    <h5> {{ $name }} {{ $family }} </h5>
</div>

فایل .php کامپوننت :

<?php

namespace App\Http\Livewire;

use Livewire\Component;

class TestExample extends Component
{

    public $name = "";
    public $family = "";

    public function mount($data) {
        $this->name = $data['name'];
        $this->family = $data['Family'];
    }

    function changeName() {
        $this->name = "تست";
        $this->family = "تست زاده";
    }

    public function render()
    {
        return view('livewire.test-example');
    }
}