Dynamic content load and font fix

resources/js/components/TodaysPick.vue

@@ -80,7 +80,7 @@
                 </a>
                 <div>
                     <span
-                        class="flex justify-end text-green-700 text-md font-normal"
+                        class="flex justify-end text-green-700 text-md font-normal MvTyper"
                         v-text="article.source.name"
                     ></span>
 
@@ -91,12 +91,12 @@
                     <h1
                         class="text-gray-800 text-3xl font-bold mt-2 mb-2 leading-tigh hover:underline text-right MvAamu"
                         style="direction:rtl;"
+                        v-text="article.title"
                     >
-                    އިންޑިއާއަށް ބޭހަށްދިޔަ 8 ދިވެހިން ޕޮޒިޓިވް
                     </h1>
                 </a>
 
-                 <div class="text-gray-600 text-md mt-4 flex justify-end items-center">
+                 <div class="text-gray-600 text-md mt-4 flex justify-end items-center mb-3">
                       <p class="text-gray-600 text-right">
                     {{ article.published_date | moment("calendar") }}
                     &#8210;