Migrate modals from bootstrap-vue to vue-final-modal

packages/cli/test/functional/test_site/expected/index.html

@@ -644,13 +644,13 @@ <h2 id="panel-with-src-from-another-markbind-site-header-2"><span id="panel-with
         <p>
           <trigger for="modal-with-panel">trigger</trigger>
         </p>
-        <b-modal id="modal-with-panel" hide-footer size modal-class="mb-zoom" ref="modal-with-panel"><template #modal-title>modal title with panel inside</template>
+        <modal id="modal-with-panel"><template #header>modal title with panel inside</template>
           <panel expanded panelId="panel-inside-modal"><template #header>
               <h2 id="panel-inside-modal"><span id="panel-inside-modal" class="anchor"></span>Panel inside modal<a class="fa fa-anchor" href="#panel-inside-modal" onclick="event.stopPropagation()"></a></h2>
             </template>
             <p><strong>Panel content inside modal</strong></p>
           </panel>
-        </b-modal>
+        </modal>
         <p><strong>Unexpanded panel</strong></p>
         <panel panelId="unexpanded-panel-header"><template #header>
             <h2 id="unexpanded-panel-header"><span id="unexpanded-panel-header" class="anchor"></span>Unexpanded panel header<a class="fa fa-anchor" href="#unexpanded-panel-header" onclick="event.stopPropagation()"></a></h2>

packages/cli/test/functional/test_site/expected/siteData.json

@@ -231,6 +231,12 @@
       "headings": {},
       "headingKeywords": {}
     },
+    {
+      "src": "testModals.md",
+      "title": "Test: Modals",
+      "headings": {},
+      "headingKeywords": {}
+    },
     {
       "src": "testDates.md",
       "title": "Nunjucks date filter tests",

packages/cli/test/functional/test_site/expected/testIncludeMultipleModals.html

@@ -210,18 +210,18 @@ <h3 id="testing-site-nav"><span id="testing-site-nav" class="anchor"></span>Test
       <div id="content-wrapper" class="fixed-header-padding">
         <p><strong>Multiple inclusions of a modal should be supported</strong></p>
         <div>
-          <b-modal id="modal:bugRepro" hide-footer size="lg" modal-class="mb-zoom" ref="modal:bugRepro"><template #modal-title>Establishing Requirements</template>
+          <modal large id="modal:bugRepro"><template #header>Establishing Requirements</template>
             <div>Requirements gathering, requirements elicitation, requirements analysis,
               requirements capture are some of the terms commonly <strong>and</strong> interchangeably used to represent the activity
               of understanding what a software product should do.</div>
-          </b-modal>
+          </modal>
         </div>
         <div>
-          <b-modal id="modal:bugRepro" hide-footer size="lg" modal-class="mb-zoom" ref="modal:bugRepro"><template #modal-title>Establishing Requirements</template>
+          <modal large id="modal:bugRepro"><template #header>Establishing Requirements</template>
             <div>Requirements gathering, requirements elicitation, requirements analysis,
               requirements capture are some of the terms commonly <strong>and</strong> interchangeably used to represent the activity
               of understanding what a software product should do.</div>
-          </b-modal>
+          </modal>
         </div>
         <i class="fa fa-arrow-circle-up fa-lg d-print-none" id="scroll-top-button" onclick="handleScrollTop()" aria-hidden="true"></i>
       </div>