fix #259

Author: cdmoro

src/App.vue

@@ -1161,10 +1161,9 @@
       <h2>Modal</h2>
       <b-button @click="showModal = !showModal"> Toggle modal v-model </b-button>
       {{ showModal }}
-      <!-- <b-button v-b-modal:exampleModal>Launch demo modal</b-button> -->
-      <b-modal id="exampleModal" v-model="showModal" size="xl" title="Modal title" fade>
-        ...
-      </b-modal>
+      <b-button v-b-modal="'exampleModal'">Launch demo modal (value)</b-button>
+      <b-button v-b-modal.exampleModal>Launch demo modal </b-button>
+      <b-modal id="exampleModal" size="xl" title="Modal title" fade> ... </b-modal>
     </div>
 
     <!-- <b-nav pills>

src/directives/BModal.ts

@@ -2,7 +2,13 @@ import {DirectiveBinding} from 'vue'
 
 export default {
   mounted(el: HTMLElement, binding: DirectiveBinding): void {
+    let target: string = binding.value
+
+    if (Object.keys(binding.modifiers).length > 0) {
+      ;[target] = Object.keys(binding.modifiers)
+    }
+
     el.setAttribute('data-bs-toggle', 'modal')
-    el.setAttribute('data-bs-target', `#${binding.arg}`)
+    el.setAttribute('data-bs-target', `#${target}`)
   },
 }