- add EventEmmitter for directly binding Events to component

- add NotificationToast for messages
- add leaflet map component and zoom control component
- change focus:ring to focus:ring-2 inside BaseButton
-  `@tailwindcss/line-clamp` plugin is now included by default...remove it from tailwind.config.js
- npm updates

resources/js/Pages/Admin/Role/Index.vue

@@ -15,6 +15,7 @@ import { stardust } from '@eidellev/adonis-stardust/client';
 import CardBoxModal from '@/Components/CardBoxModal.vue';
 
 const isModalDangerActive = ref(false);
+const deleteId = ref();
 
 const props = defineProps({
     roles: {
@@ -51,22 +52,27 @@ const formDelete = useForm({});
 // };
 
 const destroy = (id, e) => {
-    console.log(id);
+    // console.log(id);
+    deleteId.value = id;
     isModalDangerActive.value = true;
 };
 
-const onConfirm = async () => {
-    await ormDelete.delete(stardust.route('role.destroy', [id]));
+const onConfirm = async (id) => {
+    // let id = 6;
+    await formDelete.delete(stardust.route('role.destroy', [id]));
+    deleteId.value = null;
 };
 
-const onCancel = () => {
-    console.log('cancel');
+const onCancel = (id) => {
+    // console.log('cancel');
+    deleteId.value = null;
 };
 </script>
 
 <template>
     <CardBoxModal
         v-model="isModalDangerActive"
+        :delete-id="deleteId"
         large-title="Please confirm"
         button="danger"
         button-label="Delete"