Test tailwind

pages/hadith/index.vue

@@ -1,5 +1,7 @@
 <template>
-  <HadithLayout :menu="sidbarMenu"> hadith page </HadithLayout>
+  <HadithLayout :menu="sidbarMenu">
+    <h1 class="text-3xl font-bold underline">hadith page</h1>
+  </HadithLayout>
 </template>
 <script>
 import { useStorage } from "@vueuse/core";
@@ -34,6 +36,13 @@ export default {
   },
 
   async mounted() {
+    const toast = useToast();
+    toast.add({
+      title: "Success",
+      description: "Your action was completed successfully.",
+      color: "success",
+    });
+
     this.logo = (await logoPhoto()).default;
 
     let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;