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>

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;

resources/views/layouts/app.blade.php

@@ -14,26 +14,10 @@
             src: url("/fonts/mvtyper.ttf");
         }
 
-        @font-face {
-            font-family: "MvFaseyha";
-            src: url("/fonts/faseyha.otf");
-        }
-
-
         @font-face {
             font-family: "Mvaamu";
             src: url("/fonts/mv-aammu-fk.ttf");
         }
-
-        @font-face {
-            font-family: "Mvtyperbold";
-            src: url("/fonts/mvtypebold.ttf");
-        }
-
-        .Mvtyperbold {
-            font-family: "Mvtyperbold";
-        }
-
         .MvAamu {
             font-family: "Mvaamu";
         }