From d0adf0da3f634be047a0d07782c9ae8a1d4a06f4 Mon Sep 17 00:00:00 2001
From: Daniel Fahl <daniel.fahl@thomann.io>
Date: Tue, 26 Nov 2024 13:46:05 +0100
Subject: [PATCH 1/2] Fix: dropdown.md documentation (close inside example,
 slots)

---
 docs/components/dropdown.md                   | 33 ++++++++++---------
 .../FwbDropdownExampleCloseInside.vue         | 13 +++++---
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/docs/components/dropdown.md b/docs/components/dropdown.md
index b6ccdeb7..9e451918 100644
--- a/docs/components/dropdown.md
+++ b/docs/components/dropdown.md
@@ -1,8 +1,9 @@
 <script setup>
-import FwbDropdownExamplePlacement from './dropdown/examples/FwbDropdownExamplePlacement.vue'
-import FwbDropdownExampleAlignment from './dropdown/examples/FwbDropdownExampleAlignment.vue'
-import FwbDropdownExampleListGroup from './dropdown/examples/FwbDropdownExampleListGroup.vue'
-import FwbDropdownExampleTrigger from './dropdown/examples/FwbDropdownExampleTrigger.vue'
+import FwbDropdownExamplePlacement from './dropdown/examples/FwbDropdownExamplePlacement.vue';
+import FwbDropdownExampleAlignment from './dropdown/examples/FwbDropdownExampleAlignment.vue';
+import FwbDropdownExampleListGroup from './dropdown/examples/FwbDropdownExampleListGroup.vue';
+import FwbDropdownExampleTrigger from './dropdown/examples/FwbDropdownExampleTrigger.vue';
+import FwbDropdownExampleCloseInside from './dropdown/examples/FwbDropdownExampleCloseInside.vue';
 </script>
 
 # Vue Dropdown - Flowbite
@@ -232,7 +233,7 @@ import { FwbDropdown, FwbListGroup, FwbListGroupItem } from 'flowbite-vue'
 
 ## Dropdown - close inside
 
-<fwb-dropdown-example-trigger />
+<fwb-dropdown-example-close-inside />
 ```vue
 <template>
   <fwb-dropdown text="Bottom" close-inside>
@@ -261,13 +262,13 @@ import { FwbDropdown, ListGroup, ListGroupItem } from 'flowbite-vue'
 ## API
 
 ### Props
-| Name     | Values | Default |
-|----------|--------|---------|
-| placement | `DropdownPlacement` | `'bottom'`  |
-| text | `string` | `''` |
-| transition | `string` | `''` |
-| closeInside | `boolean` | `false` |
-| alignToEnd | `boolean` | `false` |
+| Name        | Values              | Default     |
+|-------------|---------------------|-------------|
+| placement   | `DropdownPlacement` | `'bottom'`  |
+| text        | `string`            | `''`        |
+| transition  | `string`            | `''`        |
+| closeInside | `boolean`           | `false`     |
+| alignToEnd  | `boolean`           | `false`     |
 
 ### Events
 | Name | Description            |
@@ -276,7 +277,7 @@ import { FwbDropdown, ListGroup, ListGroupItem } from 'flowbite-vue'
 | hide | the dropdown is closed |
 
 ### Slots
-| Name       | Description       |
-|------------|-------------------|
-| default    | dropdown content  |
-| suffix     | button suffix     |
+| Name    | Description                                |
+|---------|--------------------------------------------|
+| default | dropdown content                           |
+| trigger | replace button with custom trigger element |
diff --git a/docs/components/dropdown/examples/FwbDropdownExampleCloseInside.vue b/docs/components/dropdown/examples/FwbDropdownExampleCloseInside.vue
index e06a5dad..88b19651 100644
--- a/docs/components/dropdown/examples/FwbDropdownExampleCloseInside.vue
+++ b/docs/components/dropdown/examples/FwbDropdownExampleCloseInside.vue
@@ -1,17 +1,20 @@
 <template>
   <div class="vp-raw">
-    <fwb-dropdown>
+    <fwb-dropdown
+      close-inside
+      text="Closes after click on child"
+    >
       <fwb-list-group>
-        <fwb-list-group-item>
+        <fwb-list-group-item hover>
           Profile
         </fwb-list-group-item>
-        <fwb-list-group-item>
+        <fwb-list-group-item hover>
           Settings
         </fwb-list-group-item>
-        <fwb-list-group-item>
+        <fwb-list-group-item hover>
           Messages
         </fwb-list-group-item>
-        <fwb-list-group-item>
+        <fwb-list-group-item hover>
           Download
         </fwb-list-group-item>
       </fwb-list-group>

From 948b319f83363619c47a2c9ffd60ed5c17af764b Mon Sep 17 00:00:00 2001
From: Daniel Fahl <daniel.fahl@thomann.io>
Date: Mon, 9 Dec 2024 06:14:09 +0100
Subject: [PATCH 2/2] chore: fix code style

---
 docs/components/dropdown.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/components/dropdown.md b/docs/components/dropdown.md
index 9e451918..9b6d661a 100644
--- a/docs/components/dropdown.md
+++ b/docs/components/dropdown.md
@@ -1,9 +1,9 @@
 <script setup>
-import FwbDropdownExamplePlacement from './dropdown/examples/FwbDropdownExamplePlacement.vue';
-import FwbDropdownExampleAlignment from './dropdown/examples/FwbDropdownExampleAlignment.vue';
-import FwbDropdownExampleListGroup from './dropdown/examples/FwbDropdownExampleListGroup.vue';
-import FwbDropdownExampleTrigger from './dropdown/examples/FwbDropdownExampleTrigger.vue';
-import FwbDropdownExampleCloseInside from './dropdown/examples/FwbDropdownExampleCloseInside.vue';
+import FwbDropdownExamplePlacement from './dropdown/examples/FwbDropdownExamplePlacement.vue'
+import FwbDropdownExampleAlignment from './dropdown/examples/FwbDropdownExampleAlignment.vue'
+import FwbDropdownExampleListGroup from './dropdown/examples/FwbDropdownExampleListGroup.vue'
+import FwbDropdownExampleTrigger from './dropdown/examples/FwbDropdownExampleTrigger.vue'
+import FwbDropdownExampleCloseInside from './dropdown/examples/FwbDropdownExampleCloseInside.vue'
 </script>
 
 # Vue Dropdown - Flowbite