Topic front end

resources/js/components/DiscoverTopics.vue

@@ -1,20 +1,20 @@
 <template>
     <div class="border-b">
         <div>
-            <h2 class="text-center text-2xl font-bold text-gray-800 MvAamu">
+            <h2 class="text-gray-800 font-bold text-3xl text-center mt-3 mb-2 MvAamu">
                ތަފާތު މައުޟޫޢުތައް
             </h2>
         </div>
 
         <div class="flex flex-wrap justify-center">
-            <a
+            <router-link
+                :to="{ name: 'topic.show', params: { slug: topic.slug } }"
                 v-for="topic in topics"
                 :key="topic.id"
-                href="#"
                 class="text-sm font-medium border border-gray-700 py-1 px-3 rounded-full mr-2 mt-2 mb-4 hover:bg-green-100 MvTyper"
                 style="color:#4A5568;"
                 v-text="topic.name"
-            ></a>
+            ></router-link>
         </div>
     </div>
 </template>