Query optimization for topics

app/Http/Controllers/TopicsController.php

@@ -6,7 +6,7 @@ use Illuminate\Http\Request;
 use App\Topic;
 
 class TopicsController extends Controller
-{    
+{
     /**
      *  Load a single Topic view
      *
@@ -16,7 +16,10 @@ class TopicsController extends Controller
     public function show(Topic $topic)
     {
         return view('topics.show', [
-            'topic' => $topic->load('articles')
+            'topic' => $topic,
+            'articles' => $topic->articles()->with('source')
+                ->latest('published_date')
+                ->paginate(12)
         ]);
     }
 }

resources/views/topics/show.blade.php

@@ -17,7 +17,7 @@
             </div>
             <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-2 mb-10 mt-8">
 
-                @foreach ($topic->articles as $article)
+                @foreach ($articles as $article)
                 <div class="transition-all ease-in-out duration-1000 flex flex-col justify-center mr-0 md:mr-2">