لا يستقبل مكون Laravel أي متغيرات

أولاً ، لدي ملف المكون ، الموجود في resources/views/component

@props(['game'])
<div class = 'games'>
    <a href = 'game/{{$game->id}}'> view page </a>
    <p> game: {{$game->name}} </p> <br>
    <p> genre: {{$game->genre}} </p> <br>
</div>

ثم أستدعي المكون في ملف العرض الموجود في resources/views

@extends('layout')
@section('list')
    <div class = 'listContainer'>
        @unless(count($games) === 0)
            @foreach($games as $game)
                //doesn't work
                <x-game-card :game = "$game"/> 
                
            @endforeach
        @else
            <p> 0 Games </p>
        @endunless
    </div>
@endsection

لم يتم تمرير game$ في المكون <x-game-card /> ، حتى أنني حاولت استخدام 

<x-game-card: $ game />

لكنها ما زالت لا تعمل, هل يمكنكم مساعدتي؟شكرا مقدما