Dynamic content load and font fix

resources/js/components/RecentStories.vue

@@ -23,13 +23,13 @@
                         <div
                             class="mt-3 md:mt-0 text-gray-700 font-bold text-2xl mb-2 text-right MvAamu"
                             style="direction:rtl;"
+                            v-text="story.title"
                         >
-                        އައްޑޫން މީހަކު ޕޮޒިޓިވްވެއްޖެ
                         </div>
 
                         <div class="flex items-center justify-end mt-1 mb-2">
                             <p
-                                class="font-semibold text-gray-700 text-sm capitalize"
+                                class="font-semibold text-gray-700 text-sm capitalize MvTyper"
                                 v-text="story.source.name"
                             >
                             </p>
@@ -39,7 +39,7 @@
                         </div>
 
                         <p class="text-gray-700 text-base text-right MvTyper" style="direction:rtl;">
-                          ރާއްޖޭގައި ކޮވިޑްގެ ހާލަތު އިތުރަށް ގޯސްވަމުންދާއިރު ގިނަ ރަށްރަށުން ބަލި މީހުން ދަނީ ފެންނަމުންނެވެ.
+                            {{story.body.slice(0,200)}}
                         </p>
                     </div>
                 </div>