API changes

resources/js/components/RecentStories.vue

@@ -84,7 +84,7 @@ export default {
         axios
             .get("api/recent")
             .then(response => {
-                this.recentStories = response.data.data;
+                this.recentStories = response.data.articles.data;
             })
             .catch(error => {
                 console.log(error);

resources/js/components/TodaysPick.vue

@@ -23,6 +23,7 @@
                       <p
                         class="ml-1 mb-4 text-gray-600 text-right MvTyper"
                         style="direction:rtl;"
+                        v-if="article.body"
                     >
                         {{ article.body[0].slice(0,200) }}...
                     </p>
@@ -33,6 +34,7 @@
                     <div>
                         <a
                             :href="'/source/' + article.source.slug"
+                            v-if="article.source"
                             class="hover:underline"
                         >
                             <p
@@ -44,6 +46,7 @@
 
                     <img
                         :src="article.source.logo"
+                         v-if="article.source"
                         class="h-10 w-10 rounded-full ml-1 object-cover"
                     />
                 </div>