chore: add prop, block toggling when disabled, ensure readability, fi…

…x linting errors

docs/components/dropdown.md

@@ -247,10 +247,10 @@ Please note that this has to be manually implemented when using a custom trigger
 ```vue
 <template>
   <fwb-dropdown text="Normal state">
-    Access this content by clicking the dropdown's trigger button
+    Dropdown content
   </fwb-dropdown>
   <fwb-dropdown text="Disabled state" disabled>
-    You cannot access this content, since the dropdown's trigger button is disabled
+    Disabled dropdown content
   </fwb-dropdown>
 </template>
 
@@ -327,6 +327,7 @@ import { FwbDropdown, ListGroup, ListGroupItem } from 'flowbite-vue'
 | placement   | `DropdownPlacement` | `'bottom'`  |
 | text        | `string`            | `''`        |
 | color       | `ButtonVariant`     | `'default'` |
+| disabled    | `boolean`           | `false`     |
 | transition  | `string`            | `''`        |
 | closeInside | `boolean`           | `false`     |
 | alignToEnd  | `boolean`           | `false`     |

src/components/FwbDropdown/FwbDropdown.vue

@@ -6,7 +6,10 @@
     <div class="inline-flex items-center">
       <fwb-slot-listener @click="onToggle">
         <slot name="trigger">
-          <fwb-button :disabled="disabled" :color="color">
+          <fwb-button
+            :disabled="disabled"
+            :color="color"
+          >
             {{ text }}
             <template #suffix>
               <svg
@@ -56,7 +59,10 @@ const visible = ref(false)
 const onHide = () => {
   if (props.closeInside) visible.value = false
 }
-const onToggle = () => (visible.value = !visible.value)
+const onToggle = () => {
+  if (props.disabled) return
+  visible.value = !visible.value
+}
 
 const props = withDefaults(
   defineProps<{