Topic filter improvements

public/mix-manifest.json

@@ -1,5 +1,5 @@
 {
-    "/js/app.js": "/js/app.js?id=90bce64bc62cb09d3d29",
+    "/js/app.js": "/js/app.js?id=88756672b107a4cef205",
     "/css/app.css": "/css/app.css?id=68dfaea3ff29afe7eab0",
     "/js/manifest.js": "/js/manifest.js?id=3c768977c2574a34506e",
     "/js/vendor.js": "/js/vendor.js?id=aa27c0f3cc35e93603fe"

resources/js/components/TopicFilter.vue

@@ -64,7 +64,10 @@ import * as moment from "moment";
 
 export default {
     name: "topic-filter",
-    props: ['topic','label'],
+    props: {
+        topics : String,
+        label : String
+    },
 
     data() {
         return {
@@ -82,9 +85,9 @@ export default {
 
     mounted() {
         axios
-            .get(`api/topic/${this.topic}`)
+            .get(`api/topic_filter/?keys=${this.topics}`)
             .then(response => {
-                this.articles = response.data.articles.data;
+                this.articles = response.data.data;
             })
             .catch(error => {
                 console.log(error);

resources/views/home.blade.php

@@ -26,5 +26,5 @@
 
 <recent-stories></recent-stories>
 
-<topic-filter topic="covid-19" label="ކޮރޯނާވައިރަހުގެ އަދާހަމަ"></topic-filter>
+<topic-filter topics="covid19,covid-19,corona_virus,covid_19,coronavirus" label="ކޮރޯނާވައިރަހުގެ އަދާހަމަ"></topic-filter>
 @endsection