Add: More menu on book card #173, Fix: Download worker ffmpeg logs

client/components/ui/Dropdown.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="relative w-full" v-click-outside="clickOutside">
+  <div class="relative w-full" v-click-outside="clickOutsideObj">
     <p class="text-sm font-semibold">{{ label }}</p>
     <button type="button" :disabled="disabled" class="relative w-full border border-gray-500 rounded shadow-sm pl-3 pr-8 py-2 text-left focus:outline-none sm:text-sm cursor-pointer bg-primary" :class="small ? 'h-9' : 'h-10'" aria-haspopup="listbox" aria-expanded="true" @click.stop.prevent="clickShowMenu">
       <span class="flex items-center">
@@ -41,6 +41,11 @@ export default {
   },
   data() {
     return {
+      clickOutsideObj: {
+        handler: this.clickedOutside,
+        events: ['mousedown'],
+        isActive: true
+      },
       showMenu: false
     }
   },
@@ -65,7 +70,7 @@ export default {
       if (this.disabled) return
       this.showMenu = !this.showMenu
     },
-    clickOutside() {
+    clickedOutside() {
       this.showMenu = false
     },
     clickedOption(itemValue) {