Update

resources/js/components/RecentStories.vue

@@ -16,7 +16,7 @@
                     v-for="story in recentStories"
                     :key="story.id"
                 >
-                    <a :href="'/article/' + story.id">
+                    <a :href="`/article/${story.source.slug}/${story.guid}`">
                         <div
                             class="w-full h-auto overflow-hidden relative rounded"
                         >
@@ -25,7 +25,7 @@
                     </a>
                     <div class="w-full h-auto text-right overflow-hidden mt-3">
                         <a
-                            :href="'/article/' + story.id"
+                            :href="`/article/${story.source.slug}/${story.guid}`"
                             class="text-md leading-9 font-semibold text-right text-gray-700 py-3 MvTyper hover:underline"
                             style="direction:rtl;"
                             v-text="story.title"