json-view.blade.php

<!-- 
 Use like this
 
TextEntry::make('data')
    ->label('Data')
    ->view('filament.infolists.json-view')
    ->columnSpanFull(),
 
 -->

<x-dynamic-component component="filament-infolists::entry-wrapper">
    <div
        {{
            $attributes
                ->merge($getExtraAttributes(), escape: false)
                ->class([
                    'fi-in-text',
                ])
        }}
    >
        @php
            $json = is_array($getState())
                ? json_encode($getState(), JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE)
                : $getState();
        @endphp

        <x-code
            class="!bg-gray-50 !text-base"
            style="white-space: pre-wrap"
            :text="$json"
        />
    </div>
</x-dynamic-component>