🎉 initiate project *astro_rewrite*

node_modules/shiki/samples/blade.sample

@@ -0,0 +1,47 @@
+<x-app-layout :title="$post->title">
+    <x-ad/>
+
+    <x-post-header :post="$post" class="mb-8">
+
+        {!! $post->html !!}
+
+        @unless($post->isTweet())
+            @if($post->external_url)
+                <p class="mt-6">
+                    <a href="{{ $post->external_url }}">
+                        Read more</a>
+                    <span class="text-xs text-gray-700">[{{ $post->external_url_host }}]</span>
+                </p>
+            @endif
+        @endunless
+    </x-post-header>
+
+    @include('front.newsletter.partials.block', [
+        'class' => 'mb-8',
+    ])
+
+    <div class="mb-8">
+        @include('front.posts.partials.comments')
+    </div>
+
+    <x-slot name="seo">
+        <meta property="og:title" content="{{ $post->title }} | freek.dev"/>
+        <meta property="og:description" content="{{ $post->plain_text_excerpt }}"/>
+        <meta name="og:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
+
+        @foreach($post->tags as $tag)
+            <meta property="article:tag" content="{{ $tag->name }}"/>
+        @endforeach
+
+        <meta property="article:published_time" content="{{ optional($post->publish_date)->toIso8601String() }}"/>
+        <meta property="og:updated_time" content="{{ $post->updated_at->toIso8601String() }}"/>
+        <meta name="twitter:card" content="summary_large_image"/>
+        <meta name="twitter:description" content="{{ $post->plain_text_excerpt }}"/>
+        <meta name="twitter:title" content="{{ $post->title }} | freek.dev"/>
+        <meta name="twitter:site" content="@freekmurze"/>
+        <meta name="twitter:image" content="{{ url($post->getFirstMediaUrl('ogImage')) }}"/>
+        <meta name="twitter:creator" content="@freekmurze"/>
+    </x-slot>
+</x-app-layout>
+
+#From https://freek.dev/2024-how-to-render-markdown-with-perfectly-highlighted-code-snippets