つぶやきの匿名コンポーネント作成

src/resources/views/components/tweet/list.blade.php

@@ -0,0 +1,20 @@
+@props([
+    'tweets' => []
+])
+<div class="bg-white rounded-md shadow-lg mt-5 md-5">
+    <ul>
+        @foreach($tweets as $tweet)
+            <li class="border-b list:broder-b-0 border-gray-200 p-4 flex items-start justify-detween">
+                <div>
+                    <span class="inline-block rounded-full text-gray-600 bg-gray-100 px-2 py-1 text-xs mb-2">
+                        {{ $tweet->user->name }}
+                    </span>
+                    <p class="text-gray-600">{!! nl2br(e($tweet->content)) !!}</p>
+                </div>    
+                <div>
+                    <!-- TODO 編集と削除 -->
+                </div>
+            </li>
+        @endforeach
+    </ul>
+</div>

src/resources/views/components/tweet/options.blade.php

@@ -0,0 +1,3 @@
+<div>
+    <!-- Order your soul. Reduce your wants. - Augustine -->
+</div>

src/resources/views/tweet/index.blade.php

@@ -4,5 +4,6 @@
             つぶやきアプリ
         </h2>
         <x-tweet.form.post></x-tweet.form.post>
+        <x-tweet.list :tweets="$tweets"></x-tweet.list>
     </x-layout.single>
 </x-layout>