[Formatting Bug]: Problem when I've this phrase in code {{ $post->metaData?->abstract }}

[taha-moghaddam]

Platform

MacOS

Template before formatting

@extends('bblog::layouts.landing')
@section('title')
    {{ __('bblog::titles.Blog Posts List') }}
@endsection
@section('content')
    <div class="col-12 text-center mb-4">
        <span class="h2">{{ __('bblog::titles.Blog Posts List') }}</span>
    </div>
    <hr>
    @foreach ($posts as $post)
        <div class="col-sm-4 mb-3 post-item">
            <a class="card-img-top" href="{{ route('bblog.blog.show', $post) }}">
                <img src="{{ $post->image }}" class="card-img-top cursor-pinter" alt="{{ $post->title }}">
            </a>
            <div class="card border-0 shadow-sm p-3 mb-5 bg-body rounded">
                <div class="card-body">
                    <a class="text-dark text-decoration-none" href="{{ route('bblog.blog.show', $post) }}">
                        <h2 class="card-title">
                            {{ $post->title }}
                        </h2>
                    </a>
                    <p class="card-text">
                        {{ $post->metaData?->abstract }}
                    </p>
                    <div class="footer d-flex justify-content-between align-items-center">
                        <sub dir="ltr">{{ jalali($post->created_at)->format('%B %d، %Y H:i') }}</sub>
                        <a class="btn btn-info text-white" href="{{ route('bblog.blog.show', $post) }}">
                            {{ __('bblog::buttons.Continue') }}...
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    {!! $posts->links() !!}
@endsection

Template after formatting

@extends('bblog::layouts.landing')
@section('title')
    {{ __('bblog::titles.Blog Posts List') }}
@endsection
@section('content')
    <div class="col-12 text-center mb-4">
        <span class="h2">{{ __('bblog::titles.Blog Posts List') }}</span>
    </div>
    <hr>
    @foreach ($posts as $post)
        <div class="col-sm-4 mb-3 post-item">
            <a class="card-img-top" href="{{ route('bblog.blog.show', $post) }}">
                <img src="{{ $post->image }}" class="card-img-top cursor-pinter" alt="{{ $post->title }}">
            </a>
            <div class="card border-0 shadow-sm p-3 mb-5 bg-body rounded">
                <div class="card-body">
                    <a class="text-dark text-decoration-none" href="{{ route('bblog.blog.show', $post) }}">
                        <h2 class="card-title">
                            {{ $post->title }}
                        </h2>
                    </a>
                    <p class="card-text">
                        {{ $post->metaData?->abstract }}
                    </p>
                    <div class="footer d-flex justify-content-between align-items-center">
                        <sub dir="ltr">{{ jalali($post->created_at)->format('%B %d، %Y H:i') }}</sub>
                        <a class="btn btn-info text-white" href="{{ route('bblog.blog.show', $post) }}">
                            {{ __('bblog::buttons.Continue') }}...
                        </a>
                    </div>
                </div>
            </div>
        </div>
    @endforeach
    {!! $posts->links() !!}
@endsection

Expected Behaviour

I get this error which will fix after removing phrase {{ $post->metaData?->abstract }}:

Parse Error : syntax error, unexpected 'abstract' (T_ABSTRACT) on line 1 > 1 | <?php echo $post->metaData?->abstract ?> | ^

Relevant log output

Parse Error : syntax error, unexpected 'abstract' (T_ABSTRACT) on line 1 > 1 | <?php echo $post->metaData?->abstract ?> | ^