Blade X is not properly passing the attributes

[ManojKiranA]

• Laravel Version: 7.x-dev
• PHP Version: 7.3.11
• Database Driver & Version: Not Mandatory

Description:

Blade X component implemented in #31363

So based on that i have tried to pass the json which is from controller but instaed of passing a json into component its passing a compiled string

Steps To Reproduce:

Create a Component

resources\views\components\avatar.blade.php

{{$foo}}
Component Call

@php
    $array = ['foo','bar'];
    $json = json_encode($array)
@endphp

<x-avatar
foo={{$json}}
></x-avatar>

Expected: Json needs to printed out

Actual : <?php echo e($json); ?>

Screenshot of dumped:

[driesvints]

Try:

<x-avatar :foo="$json"></x-avatar>

[driesvints]

https://laravel.com/docs/master/blade#passing-data-to-components