@use('Illuminate\Support\Facades\Storage', 'Storage')

<article class="w-full">
    <header class="mb-4 lg:mb-6 not-format">
        @if(Storage::disk('public')->exists($article->image ?? '.jpg'))
        <div class="size-full relative rounded-lg overflow-hidden flex items-end justify-start w-full text-left bg-slate-700 bg-center bg-cover cursor-pointer group border mb-4">
            <img class="w-full" src="{{ asset('storage/' . $article->image) }}" alt="Image" />
        </div>
        @endif
        <h1 class="mb-4 text-3xl font-extrabold leading-tight text-gray-900 lg:mb-6 lg:text-4xl dark:text-white">{{ $article->title }}</h1>
    </header>
    {!! str($article->content)->inlineMarkdown(); !!}
</article>