From 5960f11f6ce864a5ce492f49195d8504eb977933 Mon Sep 17 00:00:00 2001
From: woothu <32914662+woothu@users.noreply.github.com>
Date: Mon, 17 Feb 2020 17:18:37 +0100
Subject: [PATCH] test: fix snapshots and sidebar test

---
 tests/unit/containers/TheSidebar.spec.js      |  17 +-
 .../__snapshots__/TheContainer.spec.js.snap   |   6 +-
 .../__snapshots__/TheHeader.spec.js.snap      |  32 +-
 .../TheHeaderDropdownAccnt.spec.js.snap       |  64 +-
 .../__snapshots__/TheSidebar.spec.js.snap     |   6 +
 .../__snapshots__/Dashboard.spec.js.snap      |  28 +-
 .../__snapshots__/Jumbotrons.spec.js.snap     |  12 +-
 .../__snapshots__/ListGroups.spec.js.snap     | 224 +++---
 .../base/__snapshots__/Navbars.spec.js.snap   |  84 +--
 .../base/__snapshots__/Navs.spec.js.snap      | 158 ++--
 .../__snapshots__/ProgressBars.spec.js.snap   |  12 +-
 .../base/__snapshots__/Switches.spec.js.snap  |   8 +-
 .../base/__snapshots__/Tabs.spec.js.snap      |  93 ++-
 .../base/__snapshots__/Tooltips.spec.js.snap  |  56 +-
 .../__snapshots__/ButtonGroups.spec.js.snap   | 204 +++---
 .../StandardButtons.spec.js.snap              | 676 +++++++++---------
 .../__snapshots__/Alerts.spec.js.snap         |  16 +-
 .../__snapshots__/Modals.spec.js.snap         |  36 +-
 .../pages/__snapshots__/Login.spec.js.snap    |  12 +-
 .../pages/__snapshots__/Register.spec.js.snap |  12 +-
 .../users/__snapshots__/User.spec.js.snap     |   4 +-
 21 files changed, 932 insertions(+), 828 deletions(-)

diff --git a/tests/unit/containers/TheSidebar.spec.js b/tests/unit/containers/TheSidebar.spec.js
index a899d59f..a9bb1e09 100644
--- a/tests/unit/containers/TheSidebar.spec.js
+++ b/tests/unit/containers/TheSidebar.spec.js
@@ -1,16 +1,25 @@
-import Vue from 'vue'
-import { shallowMount } from '@vue/test-utils';
+import { shallowMount, createLocalVue } from '@vue/test-utils';
 import CoreuiVue from '@coreui/vue'
+import Vuex from 'vuex'
 import TheSidebar from '@/containers/TheSidebar'
 
-Vue.use(CoreuiVue)
+const localVue = createLocalVue()
+localVue.use(CoreuiVue)
+localVue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    sidebarShow: 'responsive',
+    sidebarMinimize: false
+  }
+})
 
 describe('TheSidebar.vue', () => {
   it('has a name', () => {
     expect(TheSidebar.name).toBe('TheSidebar')
   })
   test('renders correctly', () => {
-    const wrapper = shallowMount(TheSidebar)
+    const wrapper = shallowMount(TheSidebar, { store, localVue })
     expect(wrapper.element).toMatchSnapshot()
   })
 })
diff --git a/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap b/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
index 0699f8e5..2d0fdb91 100644
--- a/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheContainer.spec.js.snap
@@ -7,7 +7,7 @@ exports[`TheContainer.vue renders correctly 1`] = `
   <thesidebar-stub />
    
   <div
-    class="c-wrapper"
+    class="c-wrapper c-fixed-components"
   >
     <theheader-stub />
      
@@ -26,9 +26,9 @@ exports[`TheContainer.vue renders correctly 1`] = `
           />
         </ccontainer-stub>
       </main>
+       
+      <thefooter-stub />
     </div>
-     
-    <thefooter-stub />
   </div>
 </div>
 `;
diff --git a/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap b/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
index 90737c65..27b29b16 100644
--- a/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheHeader.spec.js.snap
@@ -21,7 +21,13 @@ exports[`TheHeader.vue renders correctly 1`] = `
   />
    
   <cheaderbrand-stub
+    activeclass="router-link-active"
     class="mx-auto d-lg-none"
+    event="click"
+    exactactiveclass="router-link-exact-active"
+    routertag="a"
+    tag="div"
+    target="_self"
     to="/"
   >
     <cicon-stub
@@ -38,9 +44,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         to="/dashboard"
@@ -55,10 +61,10 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
         exact="true"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         to="/users"
@@ -73,9 +79,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="px-3"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -93,9 +99,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -109,9 +115,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -125,9 +131,9 @@ exports[`TheHeader.vue renders correctly 1`] = `
       class="d-md-down-none mx-2"
     >
       <cheadernavlink-stub
-        activeclass="active"
+        activeclass="router-link-active"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
       >
@@ -145,7 +151,7 @@ exports[`TheHeader.vue renders correctly 1`] = `
     tag="div"
   >
     <cbreadcrumbrouter-stub
-      class="border-0"
+      class="border-0 mb-0"
     />
   </csubheader-stub>
 </cheader-stub>
diff --git a/tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap b/tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
index d8430350..ea5c17c3 100644
--- a/tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheHeaderDropdownAccnt.spec.js.snap
@@ -23,9 +23,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -35,11 +35,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Updates
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="info"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -49,9 +49,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -61,11 +61,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Messages
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="success"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -75,9 +75,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -87,11 +87,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Tasks
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="danger"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -101,9 +101,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -113,11 +113,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Comments
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="warning"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -137,9 +137,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownheader-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -151,9 +151,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -165,9 +165,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -177,11 +177,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Payments
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="secondary"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -191,9 +191,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -203,11 +203,11 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
      Projects
     
     <cbadge-stub
-      activeclass="active"
+      activeclass="router-link-active"
       class="ml-auto"
       color="primary"
       event="click"
-      exactactiveclass="active"
+      exactactiveclass="router-link-exact-active"
       routertag="a"
       tag="span"
       target="_self"
@@ -221,9 +221,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   />
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
@@ -235,9 +235,9 @@ exports[`TheHeaderDropdownAccnt.vue renders correctly 1`] = `
   </cdropdownitem-stub>
    
   <cdropdownitem-stub
-    activeclass="active"
+    activeclass="router-link-active"
     event="click"
-    exactactiveclass="active"
+    exactactiveclass="router-link-exact-active"
     routertag="a"
     target="_self"
   >
diff --git a/tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap b/tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
index f91e398f..a98adb2a 100644
--- a/tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
+++ b/tests/unit/containers/__snapshots__/TheSidebar.spec.js.snap
@@ -10,7 +10,13 @@ exports[`TheSidebar.vue renders correctly 1`] = `
   show="responsive"
 >
   <csidebarbrand-stub
+    activeclass="router-link-active"
     class="d-md-down-none"
+    event="click"
+    exactactiveclass="router-link-exact-active"
+    routertag="a"
+    tag="div"
+    target="_self"
     to="/"
   >
     <cicon-stub
diff --git a/tests/unit/views/__snapshots__/Dashboard.spec.js.snap b/tests/unit/views/__snapshots__/Dashboard.spec.js.snap
index 34ad255a..fd22257d 100644
--- a/tests/unit/views/__snapshots__/Dashboard.spec.js.snap
+++ b/tests/unit/views/__snapshots__/Dashboard.spec.js.snap
@@ -34,11 +34,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="float-right"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -52,11 +52,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
             class="float-right mr-3"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mx-0"
               color="outline-secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -66,11 +66,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
             
             </cbutton-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mx-0"
               color="outline-secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               pressed="true"
               routertag="a"
               target="_self"
@@ -81,11 +81,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
             
             </cbutton-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mx-0"
               color="outline-secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -574,10 +574,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
                 <small>
                   <sup>
                     <cbadge-stub
-                      activeclass="active"
+                      activeclass="router-link-active"
                       color="info"
                       event="click"
-                      exactactiveclass="active"
+                      exactactiveclass="router-link-exact-active"
                       routertag="a"
                       shape="pill"
                       tag="span"
@@ -592,10 +592,10 @@ exports[`Dashboard.vue renders correctly 1`] = `
                   
                   <sup>
                     <cbadge-stub
-                      activeclass="active"
+                      activeclass="router-link-active"
                       color="danger"
                       event="click"
-                      exactactiveclass="active"
+                      exactactiveclass="router-link-exact-active"
                       routertag="a"
                       shape="pill"
                       tag="span"
@@ -925,11 +925,11 @@ exports[`Dashboard.vue renders correctly 1`] = `
                   class="divider text-center"
                 >
                   <cbutton-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     class="text-muted"
                     color="link"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     routertag="a"
                     size="sm"
                     target="_self"
diff --git a/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap b/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
index 5dfa1e50..44d7d9fb 100644
--- a/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap
@@ -58,10 +58,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
             </p>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -125,10 +125,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
             </p>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -138,10 +138,10 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
diff --git a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
index 29769fce..eb1bc967 100644
--- a/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap
@@ -43,9 +43,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -54,9 +54,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -65,9 +65,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -76,9 +76,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -87,9 +87,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -123,9 +123,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -135,9 +135,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
              
             <clistgroupitem-stub
               active="true"
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -146,9 +146,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -157,9 +157,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -168,9 +168,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -211,10 +211,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -223,9 +223,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -234,9 +234,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -245,10 +245,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -257,9 +257,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -295,9 +295,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#some-link"
               routertag="a"
               tag="li"
@@ -308,9 +308,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
              
             <clistgroupitem-stub
               active="true"
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -320,9 +320,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -332,10 +332,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#foobar"
               routertag="a"
               tag="li"
@@ -377,9 +377,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="button"
               target="_self"
@@ -388,9 +388,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="button"
               target="_self"
@@ -399,10 +399,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="button"
               target="_self"
@@ -411,9 +411,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="button"
               target="_self"
@@ -449,10 +449,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-flex justify-content-between align-items-center"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -461,10 +461,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
               Cras justo odio
               
               <cbadge-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 color="primary"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 shape="pill"
                 tag="span"
@@ -475,10 +475,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-flex justify-content-between align-items-center"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -487,10 +487,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
               Dapibus ac facilisis in
               
               <cbadge-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 color="primary"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 shape="pill"
                 tag="span"
@@ -501,10 +501,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-flex justify-content-between align-items-center"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -513,10 +513,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
               Morbi leo risus
               
               <cbadge-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 color="primary"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 shape="pill"
                 tag="span"
@@ -559,9 +559,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -570,10 +570,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -582,10 +582,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -594,10 +594,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -606,10 +606,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="danger"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -618,10 +618,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="warning"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -630,10 +630,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="info"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -642,10 +642,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="light"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -654,10 +654,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="dark"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               tag="li"
               target="_self"
@@ -693,9 +693,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
             tag="ul"
           >
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -705,10 +705,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -718,10 +718,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -731,10 +731,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -744,10 +744,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="danger"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -757,10 +757,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="warning"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -770,10 +770,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="info"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -783,10 +783,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="light"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -796,10 +796,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="dark"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -853,9 +853,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                   tag="ul"
                 >
                   <clistgroupitem-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     href="#"
                     routertag="a"
                     tag="li"
@@ -865,9 +865,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                   </clistgroupitem-stub>
                    
                   <clistgroupitem-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     href="#"
                     routertag="a"
                     tag="li"
@@ -877,9 +877,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                   </clistgroupitem-stub>
                    
                   <clistgroupitem-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     href="#"
                     routertag="a"
                     tag="li"
@@ -915,9 +915,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                 tag="ul"
               >
                 <clistgroupitem-stub
-                  activeclass="active"
+                  activeclass="router-link-active"
                   event="click"
-                  exactactiveclass="active"
+                  exactactiveclass="router-link-exact-active"
                   href="#"
                   routertag="a"
                   tag="li"
@@ -927,9 +927,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                 </clistgroupitem-stub>
                  
                 <clistgroupitem-stub
-                  activeclass="active"
+                  activeclass="router-link-active"
                   event="click"
-                  exactactiveclass="active"
+                  exactactiveclass="router-link-exact-active"
                   href="#"
                   routertag="a"
                   tag="li"
@@ -939,9 +939,9 @@ exports[`ListGroups.vue renders correctly 1`] = `
                 </clistgroupitem-stub>
                  
                 <clistgroupitem-stub
-                  activeclass="active"
+                  activeclass="router-link-active"
                   event="click"
-                  exactactiveclass="active"
+                  exactactiveclass="router-link-exact-active"
                   href="#"
                   routertag="a"
                   tag="li"
@@ -993,10 +993,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
           >
             <clistgroupitem-stub
               active="true"
-              activeclass="active"
+              activeclass="router-link-active"
               class="flex-column align-items-start"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -1031,10 +1031,10 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="flex-column align-items-start"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
@@ -1073,11 +1073,11 @@ exports[`ListGroups.vue renders correctly 1`] = `
             </clistgroupitem-stub>
              
             <clistgroupitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="flex-column align-items-start"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               tag="li"
diff --git a/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap b/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
index 883eb149..cfce2d4d 100644
--- a/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Navbars.spec.js.snap
@@ -42,9 +42,9 @@ exports[`Navbars.vue renders correctly 1`] = `
         />
          
         <cnavbarbrand-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           href="#"
           routertag="a"
           tag="div"
@@ -62,9 +62,9 @@ exports[`Navbars.vue renders correctly 1`] = `
             tag="ul"
           >
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -73,10 +73,10 @@ exports[`Navbars.vue renders correctly 1`] = `
             </cnavitem-stub>
              
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -102,10 +102,10 @@ exports[`Navbars.vue renders correctly 1`] = `
               />
                
               <cbutton-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 color="light"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 size="sm"
                 target="_self"
@@ -126,9 +126,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               togglertext="Lang"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -136,9 +136,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -146,9 +146,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -156,9 +156,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -175,9 +175,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               togglertext="User"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -185,9 +185,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -222,9 +222,9 @@ exports[`Navbars.vue renders correctly 1`] = `
         tag="nav"
       >
         <cnavbarbrand-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           href="#"
           routertag="a"
           tag="div"
@@ -271,9 +271,9 @@ exports[`Navbars.vue renders correctly 1`] = `
         />
          
         <cnavbarbrand-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           tag="div"
           target="_self"
@@ -335,9 +335,9 @@ exports[`Navbars.vue renders correctly 1`] = `
             tag="ul"
           >
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -346,9 +346,9 @@ exports[`Navbars.vue renders correctly 1`] = `
             </cnavitem-stub>
              
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -365,9 +365,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               togglertext="Lang"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -375,9 +375,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -385,9 +385,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -395,9 +395,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -414,9 +414,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               togglertext="User"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -424,9 +424,9 @@ exports[`Navbars.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -472,11 +472,11 @@ exports[`Navbars.vue renders correctly 1`] = `
           />
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="my-2 my-sm-0"
             color="outline-success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="submit"
diff --git a/tests/unit/views/base/__snapshots__/Navs.spec.js.snap b/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
index c74a1c3d..2e8ac8ce 100644
--- a/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Navs.spec.js.snap
@@ -33,9 +33,9 @@ exports[`Navs.vue renders correctly 1`] = `
       <cnav-stub>
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -43,18 +43,18 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
           title="Link"
         />
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -62,10 +62,10 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -91,12 +91,14 @@ exports[`Navs.vue renders correctly 1`] = `
     </ccardheader-stub>
      
     <ccardbody-stub>
-      <cnav-stub>
+      <cnav-stub
+        variant="pills"
+      >
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -106,38 +108,40 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
-          
-          Link
-        
+          <cicon-stub
+            name="cil-settings"
+          />
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
-          
-          Another Link
-        
+          <cicon-stub
+            name="cil-bell"
+          />
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
-          Disabled
+          <cicon-stub
+            name="cil-envelope-closed"
+          />
         </cnavitem-stub>
       </cnav-stub>
     </ccardbody-stub>
@@ -164,9 +168,9 @@ exports[`Navs.vue renders correctly 1`] = `
       >
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -176,9 +180,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -188,9 +192,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -200,10 +204,10 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -234,9 +238,9 @@ exports[`Navs.vue renders correctly 1`] = `
       >
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -244,9 +248,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -254,9 +258,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -264,10 +268,10 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -299,9 +303,9 @@ exports[`Navs.vue renders correctly 1`] = `
       >
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -309,9 +313,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -319,9 +323,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -329,10 +333,10 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -364,9 +368,9 @@ exports[`Navs.vue renders correctly 1`] = `
       >
         <cnavitem-stub
           active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -374,9 +378,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -384,9 +388,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -394,10 +398,10 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           disabled="true"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -424,13 +428,12 @@ exports[`Navs.vue renders correctly 1`] = `
      
     <ccardbody-stub>
       <cnav-stub
-        pills=""
+        variant="pills"
       >
         <cnavitem-stub
-          active="true"
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -438,9 +441,9 @@ exports[`Navs.vue renders correctly 1`] = `
         </cnavitem-stub>
          
         <cnavitem-stub
-          activeclass="active"
+          activeclass="router-link-active"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
         >
@@ -451,16 +454,15 @@ exports[`Navs.vue renders correctly 1`] = `
           button-content="Dropdown"
           caret="true"
           flip="true"
-          id="nav7_ddown"
-          nav=""
+          innav="true"
           offset="0,0"
           placement="bottom-end"
           togglertext="Dropdown"
         >
           <cdropdownitem-stub
-            activeclass="active"
+            activeclass="router-link-active"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
           >
@@ -468,9 +470,9 @@ exports[`Navs.vue renders correctly 1`] = `
           </cdropdownitem-stub>
            
           <cdropdownitem-stub
-            activeclass="active"
+            activeclass="router-link-active"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
           >
@@ -482,9 +484,9 @@ exports[`Navs.vue renders correctly 1`] = `
           />
            
           <cdropdownitem-stub
-            activeclass="active"
+            activeclass="router-link-active"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
           >
@@ -526,9 +528,9 @@ exports[`Navs.vue renders correctly 1`] = `
           >
             <cnavitem-stub
               active="true"
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -536,9 +538,9 @@ exports[`Navs.vue renders correctly 1`] = `
             </cnavitem-stub>
              
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -546,9 +548,9 @@ exports[`Navs.vue renders correctly 1`] = `
             </cnavitem-stub>
              
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -556,10 +558,10 @@ exports[`Navs.vue renders correctly 1`] = `
             </cnavitem-stub>
              
             <cnavitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               disabled="true"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
diff --git a/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap b/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
index 7a7f6386..2c8ab1ad 100644
--- a/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/ProgressBars.spec.js.snap
@@ -69,11 +69,11 @@ exports[`ProgressBars.vue renders correctly 1`] = `
       </cprogress-stub>
        
       <cbutton-stub
-        activeclass="active"
+        activeclass="router-link-active"
         class="mt-4"
         color="secondary"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         type="button"
@@ -486,10 +486,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
       />
        
       <cbutton-stub
-        activeclass="active"
+        activeclass="router-link-active"
         color="secondary"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         type="button"
@@ -557,10 +557,10 @@ exports[`ProgressBars.vue renders correctly 1`] = `
       />
        
       <cbutton-stub
-        activeclass="active"
+        activeclass="router-link-active"
         color="secondary"
         event="click"
-        exactactiveclass="active"
+        exactactiveclass="router-link-exact-active"
         routertag="a"
         target="_self"
         type="button"
diff --git a/tests/unit/views/base/__snapshots__/Switches.spec.js.snap b/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
index 725d9eae..ae7dc121 100644
--- a/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Switches.spec.js.snap
@@ -17,11 +17,11 @@ exports[`Switches.vue renders correctly 1`] = `
           Radio switches
           
           <cbadge-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="mr-auto"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             tag="span"
             target="_self"
@@ -149,10 +149,10 @@ exports[`Switches.vue renders correctly 1`] = `
           Switch default
           
           <cbadge-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             tag="span"
             target="_self"
diff --git a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
index 866f3d58..f8dc6926 100644
--- a/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tabs.spec.js.snap
@@ -41,6 +41,11 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <ctab-stub
               active="true"
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Home"
             >
               
@@ -53,6 +58,11 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Profile"
             >
               
@@ -65,7 +75,12 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              activeclass="router-link-active"
               disabled="true"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Disabled"
             >
               
@@ -100,6 +115,11 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <ctab-stub
               active="true"
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Home"
             >
               
@@ -112,6 +132,11 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Profile"
             >
               
@@ -124,7 +149,12 @@ exports[`Tabs.vue renders correctly 1`] = `
             </ctab-stub>
              
             <ctab-stub
+              activeclass="router-link-active"
               disabled="true"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
               title="Disabled"
             >
               
@@ -159,6 +189,11 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <ctab-stub
               active="true"
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
             >
               <template>
                 <cicon-stub
@@ -174,7 +209,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-basket"
@@ -189,7 +230,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-chart-pie"
@@ -228,6 +275,11 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <ctab-stub
               active="true"
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
             >
               <template>
                 <cicon-stub
@@ -245,7 +297,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-basket"
@@ -262,7 +320,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-chart-pie"
@@ -303,6 +367,11 @@ exports[`Tabs.vue renders correctly 1`] = `
           >
             <ctab-stub
               active="true"
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
             >
               <template>
                 <cicon-stub
@@ -320,7 +389,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-basket"
@@ -337,7 +412,13 @@ exports[`Tabs.vue renders correctly 1`] = `
             
             </ctab-stub>
              
-            <ctab-stub>
+            <ctab-stub
+              activeclass="router-link-active"
+              event="click"
+              exactactiveclass="router-link-exact-active"
+              routertag="a"
+              target="_self"
+            >
               <template>
                 <cicon-stub
                   name="cil-chart-pie"
diff --git a/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap b/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
index 3bc61fe5..f43c6aa9 100644
--- a/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
+++ b/tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap
@@ -50,10 +50,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             class="text-center my-3"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -73,10 +73,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             class="text-center my-3"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -120,10 +120,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -139,10 +139,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -158,10 +158,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -177,10 +177,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -196,10 +196,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -215,10 +215,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -234,10 +234,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -253,10 +253,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -272,10 +272,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -291,10 +291,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -310,10 +310,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -329,10 +329,10 @@ exports[`Tooltips.vue renders correctly 1`] = `
             tag="div"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
diff --git a/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap b/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
index deebe075..146f5b09 100644
--- a/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap
@@ -41,10 +41,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
         <div>
           <cbuttongroup-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -53,10 +53,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -65,10 +65,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -77,10 +77,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -89,11 +89,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -107,11 +107,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
            
           <cbuttongroup-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -120,10 +120,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="info"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -132,10 +132,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="warning"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -144,11 +144,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -157,10 +157,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="danger"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -169,10 +169,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="link"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -206,10 +206,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
         <div>
           <cbuttongroup-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -218,10 +218,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -230,10 +230,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -249,10 +249,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             size="sm"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -261,10 +261,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -273,10 +273,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -292,10 +292,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             size="lg"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -304,10 +304,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -316,10 +316,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -352,11 +352,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
         <div>
           <cbuttongroup-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -365,11 +365,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -388,9 +388,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               togglertext="Dropdown"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -398,9 +398,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -412,9 +412,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               />
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -423,11 +423,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cdropdown-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -447,9 +447,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               togglertext="Dropdown"
             >
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -457,9 +457,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               </cdropdownitem-stub>
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -471,9 +471,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
               />
                
               <cdropdownitem-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
               >
@@ -509,10 +509,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             vertical="true"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -521,10 +521,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -533,10 +533,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -576,11 +576,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -589,10 +589,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -605,11 +605,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -618,10 +618,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -630,10 +630,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -646,10 +646,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -658,11 +658,11 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="d-sm-down-none"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -685,10 +685,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             size="sm"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -697,10 +697,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -733,10 +733,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             size="sm"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -745,10 +745,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -767,10 +767,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1 d-sm-down-none"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -779,10 +779,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -791,10 +791,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -814,9 +814,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             togglertext="Dropdown"
           >
             <cdropdownitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -824,9 +824,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cdropdownitem-stub>
              
             <cdropdownitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -834,9 +834,9 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cdropdownitem-stub>
              
             <cdropdownitem-stub
-              activeclass="active"
+              activeclass="router-link-active"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
             >
@@ -848,10 +848,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             class="mx-1"
           >
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -860,10 +860,10 @@ exports[`ButtonGroups.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
diff --git a/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap b/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
index b591d152..05ef30d1 100644
--- a/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
+++ b/tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap
@@ -52,11 +52,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -74,11 +74,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -96,11 +96,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -118,11 +118,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -140,11 +140,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -162,11 +162,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -184,11 +184,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -206,11 +206,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -228,11 +228,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -267,12 +267,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -291,12 +291,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -315,12 +315,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -339,12 +339,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -363,12 +363,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -387,12 +387,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -411,12 +411,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -435,12 +435,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -459,12 +459,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -500,12 +500,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -523,12 +523,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -546,12 +546,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -569,12 +569,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -592,12 +592,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -615,12 +615,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -638,12 +638,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -661,12 +661,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -684,12 +684,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -744,11 +744,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -767,11 +767,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -790,11 +790,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -813,11 +813,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -836,11 +836,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -859,11 +859,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -882,11 +882,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -905,11 +905,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -954,12 +954,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -979,12 +979,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1004,12 +1004,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1029,12 +1029,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1054,12 +1054,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1079,12 +1079,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1104,12 +1104,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1129,12 +1129,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1180,12 +1180,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1204,12 +1204,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1228,12 +1228,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1252,12 +1252,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1276,12 +1276,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1300,12 +1300,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1324,12 +1324,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1348,12 +1348,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1419,11 +1419,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1442,11 +1442,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1465,11 +1465,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1488,11 +1488,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1511,11 +1511,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1534,11 +1534,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1557,11 +1557,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1580,11 +1580,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1629,12 +1629,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1654,12 +1654,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1679,12 +1679,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1704,12 +1704,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1729,12 +1729,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1754,12 +1754,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1779,12 +1779,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1804,12 +1804,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             target="_self"
@@ -1855,12 +1855,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1879,12 +1879,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1903,12 +1903,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1927,12 +1927,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1951,12 +1951,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1975,12 +1975,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -1999,12 +1999,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -2023,12 +2023,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -2094,11 +2094,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2117,11 +2117,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2140,11 +2140,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2163,11 +2163,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2186,11 +2186,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2209,11 +2209,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2232,11 +2232,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2255,11 +2255,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2278,11 +2278,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2318,12 +2318,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2343,12 +2343,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2368,12 +2368,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2393,12 +2393,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2418,12 +2418,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2443,12 +2443,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2468,12 +2468,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2493,12 +2493,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2518,12 +2518,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             square=""
@@ -2560,12 +2560,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2584,12 +2584,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2608,12 +2608,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2632,12 +2632,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2656,12 +2656,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2680,12 +2680,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2704,12 +2704,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2728,12 +2728,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2752,12 +2752,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -2814,11 +2814,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2837,11 +2837,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2860,11 +2860,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2883,11 +2883,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2906,11 +2906,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2929,11 +2929,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2952,11 +2952,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2975,11 +2975,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -2998,11 +2998,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3038,12 +3038,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3063,12 +3063,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3088,12 +3088,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3113,12 +3113,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3138,12 +3138,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3163,12 +3163,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3188,12 +3188,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="light"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3213,12 +3213,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="dark"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3238,12 +3238,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             aria-pressed="true"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             pressed="true"
             routertag="a"
             shape="pill"
@@ -3280,12 +3280,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3304,12 +3304,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3328,12 +3328,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3352,12 +3352,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3376,12 +3376,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3400,12 +3400,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3424,12 +3424,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="light"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3448,12 +3448,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="dark"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3472,12 +3472,12 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xl="true"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             disabled="true"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3532,10 +3532,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="sm"
             target="_self"
@@ -3551,10 +3551,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="sm"
             target="_self"
@@ -3571,10 +3571,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="sm"
             target="_self"
@@ -3591,10 +3591,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="sm"
             square=""
@@ -3611,10 +3611,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             size="sm"
@@ -3648,10 +3648,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3666,10 +3666,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3685,10 +3685,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3704,10 +3704,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -3723,10 +3723,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -3759,10 +3759,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -3778,10 +3778,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -3798,10 +3798,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -3818,10 +3818,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             square=""
@@ -3838,10 +3838,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           tag="div"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             size="lg"
@@ -3875,10 +3875,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3898,10 +3898,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3922,10 +3922,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -3945,10 +3945,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             square=""
             target="_self"
@@ -3969,10 +3969,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             shape="pill"
             target="_self"
@@ -4008,10 +4008,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4028,10 +4028,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4048,10 +4048,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4068,10 +4068,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4088,10 +4088,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4108,10 +4108,10 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           xs="12"
         >
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -4148,11 +4148,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
          
         <ccardbody-stub>
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4162,11 +4162,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4176,11 +4176,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4190,11 +4190,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4204,11 +4204,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4218,11 +4218,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4232,11 +4232,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="link"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4268,11 +4268,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
          
         <ccardbody-stub>
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4283,11 +4283,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4298,11 +4298,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="success"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4313,11 +4313,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4328,11 +4328,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="warning"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4343,11 +4343,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="danger"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
@@ -4358,11 +4358,11 @@ exports[`StandardButtons.vue renders correctly 1`] = `
           </cbutton-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             block="true"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             size="lg"
             target="_self"
diff --git a/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap b/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
index 5a82a800..7ecd9c30 100644
--- a/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
+++ b/tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap
@@ -261,10 +261,10 @@ exports[`Alerts.vue renders correctly 1`] = `
             Dark Alert with
             
             <clink-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="alert-link"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               href="#"
               routertag="a"
               target="_self"
@@ -369,11 +369,11 @@ exports[`Alerts.vue renders correctly 1`] = `
           Dismissible Alert with custom button!
           
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="position-absolute"
             color="secondary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
@@ -385,11 +385,11 @@ exports[`Alerts.vue renders correctly 1`] = `
         </calert-stub>
          
         <cbutton-stub
-          activeclass="active"
+          activeclass="router-link-active"
           class="m-1"
           color="info"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
           type="button"
@@ -450,11 +450,11 @@ exports[`Alerts.vue renders correctly 1`] = `
           </calert-stub>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="m-1"
             color="info"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
diff --git a/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap b/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
index 0bbcf698..d17a98f8 100644
--- a/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
+++ b/tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap
@@ -40,11 +40,11 @@ exports[`Modals.vue renders correctly 1`] = `
            
           <ccardbody-stub>
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -55,11 +55,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -70,11 +70,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="secondary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -87,11 +87,11 @@ exports[`Modals.vue renders correctly 1`] = `
             <hr />
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="primary"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -102,11 +102,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -117,11 +117,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="warning"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -132,11 +132,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="danger"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -147,11 +147,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="info"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -162,11 +162,11 @@ exports[`Modals.vue renders correctly 1`] = `
             </cbutton-stub>
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               class="mr-1"
               color="dark"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
diff --git a/tests/unit/views/pages/__snapshots__/Login.spec.js.snap b/tests/unit/views/pages/__snapshots__/Login.spec.js.snap
index b240f1c1..aca61c0b 100644
--- a/tests/unit/views/pages/__snapshots__/Login.spec.js.snap
+++ b/tests/unit/views/pages/__snapshots__/Login.spec.js.snap
@@ -55,11 +55,11 @@ exports[`Login.vue renders correctly 1`] = `
                   tag="div"
                 >
                   <cbutton-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     class="px-4"
                     color="primary"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     routertag="a"
                     target="_self"
                     type="button"
@@ -74,11 +74,11 @@ exports[`Login.vue renders correctly 1`] = `
                   tag="div"
                 >
                   <cbutton-stub
-                    activeclass="active"
+                    activeclass="router-link-active"
                     class="px-0"
                     color="link"
                     event="click"
-                    exactactiveclass="active"
+                    exactactiveclass="router-link-exact-active"
                     routertag="a"
                     target="_self"
                     type="button"
@@ -106,11 +106,11 @@ exports[`Login.vue renders correctly 1`] = `
           </p>
            
           <cbutton-stub
-            activeclass="active"
+            activeclass="router-link-active"
             class="active mt-3"
             color="primary"
             event="click"
-            exactactiveclass="active"
+            exactactiveclass="router-link-exact-active"
             routertag="a"
             target="_self"
             type="button"
diff --git a/tests/unit/views/pages/__snapshots__/Register.spec.js.snap b/tests/unit/views/pages/__snapshots__/Register.spec.js.snap
index 21e97b27..e7bd5a46 100644
--- a/tests/unit/views/pages/__snapshots__/Register.spec.js.snap
+++ b/tests/unit/views/pages/__snapshots__/Register.spec.js.snap
@@ -63,11 +63,11 @@ exports[`Register.vue renders correctly 1`] = `
             />
              
             <cbutton-stub
-              activeclass="active"
+              activeclass="router-link-active"
               block="true"
               color="success"
               event="click"
-              exactactiveclass="active"
+              exactactiveclass="router-link-exact-active"
               routertag="a"
               target="_self"
               type="button"
@@ -89,11 +89,11 @@ exports[`Register.vue renders correctly 1`] = `
               tag="div"
             >
               <cbutton-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 block="true"
                 color="facebook"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
                 type="button"
@@ -109,11 +109,11 @@ exports[`Register.vue renders correctly 1`] = `
               tag="div"
             >
               <cbutton-stub
-                activeclass="active"
+                activeclass="router-link-active"
                 block="true"
                 color="twitter"
                 event="click"
-                exactactiveclass="active"
+                exactactiveclass="router-link-exact-active"
                 routertag="a"
                 target="_self"
                 type="button"
diff --git a/tests/unit/views/users/__snapshots__/User.spec.js.snap b/tests/unit/views/users/__snapshots__/User.spec.js.snap
index ac07cc92..d8cd8542 100644
--- a/tests/unit/views/users/__snapshots__/User.spec.js.snap
+++ b/tests/unit/views/users/__snapshots__/User.spec.js.snap
@@ -33,10 +33,10 @@ exports[`User.vue renders correctly 1`] = `
        
       <ccardfooter-stub>
         <cbutton-stub
-          activeclass="active"
+          activeclass="router-link-active"
           color="primary"
           event="click"
-          exactactiveclass="active"
+          exactactiveclass="router-link-exact-active"
           routertag="a"
           target="_self"
           type="button"