refactor: minor refactors, fixes, code clean and snapshots update

src/assets/icons/icons.js

@@ -43,7 +43,7 @@ import {
   cilCheck,
   cilChevronBottom,
   cilChevronTop,
-  // cilCircleCheck,
+  cilCheckCircle,
   cilCommentSquare,
   cilCursor,
   cilDrop,
@@ -63,6 +63,7 @@ import {
   cilLockLocked,
   cilMagnifyingGlass,
   cilMoon,
+  cilOptions,
   cilPencil,
   cilPeople,
   cilPuzzle,
@@ -93,7 +94,7 @@ export const iconsSet = Object.assign(
     cilCheck,
     cilChevronBottom,
     cilChevronTop,
-    // cilCircleCheck,
+    cilCheckCircle,
     cilCommentSquare,
     cilCursor,
     cilDrop,
@@ -113,6 +114,7 @@ export const iconsSet = Object.assign(
     cilLockLocked,
     cilMagnifyingGlass,
     cilMoon,
+    cilOptions,
     cilPencil,
     cilPeople,
     cilPuzzle,

src/views/Dashboard.vue

@@ -300,7 +300,7 @@
                       <CIcon name="cil-globe-alt" class="progress-group-icon"/>
                       <span class="title">Organic Search</span>
                       <span class="ml-auto font-weight-bold">
-                        191,235<span class="text-muted small">(56%)</span>
+                        191,235 <span class="text-muted small">(56%)</span>
                       </span>
                     </div>
                     <div class="progress-group-bars">

src/views/base/Forms.vue

@@ -245,7 +245,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -276,7 +276,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -307,7 +307,7 @@
             </CForm>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -337,7 +337,7 @@
               />
             </CCardBody>
             <CCardFooter>
-              <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+              <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
               <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
             </CCardFooter>
           </CForm>
@@ -427,7 +427,7 @@
             />
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="primary"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -506,7 +506,7 @@
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -539,15 +539,15 @@
               autocomplete="email"
             >
               <template #prepend>
-                <CButton color="primary"><CIcon name="cil-facebook" height="14"/></CButton>
+                <CButton color="primary"><CIcon name="cib-facebook" height="14"/></CButton>
               </template>
               <template #append>
-                <CButton color="primary"><CIcon name="cil-twitter" height="14"/></CButton>
+                <CButton color="primary"><CIcon name="cib-twitter" height="14"/></CButton>
               </template>
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>
@@ -620,7 +620,7 @@
             </CInput>
           </CCardBody>
           <CCardFooter>
-            <CButton type="submit" size="sm" color="success"><CIcon name="cil-circle-check"/> Submit</CButton>
+            <CButton type="submit" size="sm" color="success"><CIcon name="cil-check-circle"/> Submit</CButton>
             <CButton type="reset" size="sm" color="danger"><CIcon name="cil-ban"/> Reset</CButton>
           </CCardFooter>
         </CCard>

src/views/buttons/ButtonGroups.vue

@@ -80,14 +80,14 @@
               <CDropdown right text="Menu" color="success">
                 <CDropdownItem>Item 1</CDropdownItem>
                 <CDropdownItem>Item 2</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Item 3</CDropdownItem>
               </CDropdown>
               <CButton color="secondary" class="d-sm-down-none">Button 3</CButton>
               <CDropdown right split text="Split Menu" color="info">
                 <CDropdownItem>Item 1</CDropdownItem>
                 <CDropdownItem>Item 2</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Item 3</CDropdownItem>
               </CDropdown>
             </CButtonGroup>

src/views/buttons/Dropdowns.vue

@@ -27,7 +27,7 @@
                 <CDropdownItem>First Action</CDropdownItem>
                 <CDropdownItem>Second Action</CDropdownItem>
                 <CDropdownItem>Third Action</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Something else here...</CDropdownItem>
                 <CDropdownItem disabled>Disabled action</CDropdownItem>
               </CDropdown>
@@ -48,7 +48,7 @@
               >
                 <CDropdownItem>First item</CDropdownItem>
                 <CDropdownItem>Second item</CDropdownItem>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>Separated Item</CDropdownItem>
               </CDropdown>
             </div>
@@ -242,7 +242,7 @@
                   <CDropdownItem>Add</CDropdownItem>
                   <CDropdownItem>Delete</CDropdownItem>
                 </div>
-                <CDropdownDivider></CDropdownDivider>
+                <CDropdownDivider/>
                 <CDropdownItem>
                   Something <strong>not</strong> associated with user
                 </CDropdownItem>

tests/unit/containers/__snapshots__/TheContainer.spec.js.snap

@@ -19,6 +19,7 @@ exports[`TheContainer.vue renders correctly 1`] = `
       >
         <ccontainer-stub
           fluid="true"
+          tag="div"
         >
           <router-view-stub
             name="fade"

tests/unit/containers/__snapshots__/TheHeader.spec.js.snap

@@ -24,8 +24,8 @@ exports[`TheHeader.vue renders correctly 1`] = `
     alt="CoreUI Logo"
     class="mx-auto d-lg-none"
     height="46"
-    src="img/brand/coreui-base.svg"
+    src="img/brand/coreui-vue-logo.svg"
-    width="97"
+    width="190"
   />
    
   <cheadernav-stub

tests/unit/views/__snapshots__/Dashboard.spec.js.snap

@@ -8,6 +8,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           sm="5"
@@ -106,6 +107,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
       <crow-stub
         class="text-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-sm-2 mb-0"
@@ -238,6 +240,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="12"
@@ -253,6 +256,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
         <ccardbody-stub>
           <crow-stub
             gutters="true"
+            tag="div"
           >
             <ccol-stub
               lg="6"
@@ -261,6 +265,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
             >
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   sm="6"
@@ -613,6 +618,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
             >
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   sm="6"
@@ -761,7 +767,7 @@ exports[`Dashboard.vue renders correctly 1`] = `
                       class="ml-auto font-weight-bold"
                     >
                       
-                      191,235
+                      191,235 
                       <span
                         class="text-muted small"
                       >

tests/unit/views/base/__snapshots__/Breadcrumbs.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Breadcrumbs.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
         <strong>
            Bootstrap Breadcrumb
         </strong>

tests/unit/views/base/__snapshots__/Cards.spec.js.snap

@@ -78,7 +78,12 @@ exports[`Cards.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilCheck
+            </title>
+            undefined
+          </svg>
            Card with icon
         </header>
          
@@ -441,7 +446,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-primary"
+        class="card text-center bg-primary text-white"
       >
         <div
           class="card-body"
@@ -471,7 +476,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-success"
+        class="card text-center bg-success text-white"
       >
         <div
           class="card-body"
@@ -501,7 +506,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-info"
+        class="card text-center bg-info text-white"
       >
         <div
           class="card-body"
@@ -531,7 +536,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-warning"
+        class="card text-center bg-warning text-white"
       >
         <div
           class="card-body"
@@ -561,7 +566,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card text-center bg-danger"
+        class="card text-center bg-danger text-white"
       >
         <div
           class="card-body"
@@ -625,7 +630,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-primary"
+        class="card bg-primary text-white"
       >
         <div
           class="card-body"
@@ -641,7 +646,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-success"
+        class="card bg-success text-white"
       >
         <div
           class="card-body"
@@ -657,7 +662,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-info"
+        class="card bg-info text-white"
       >
         <div
           class="card-body"
@@ -673,7 +678,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-warning"
+        class="card bg-warning text-white"
       >
         <div
           class="card-body"
@@ -689,7 +694,7 @@ exports[`Cards.vue renders correctly 1`] = `
       class="col-sm-6 col-md-4"
     >
       <div
-        class="card bg-danger"
+        class="card bg-danger text-white"
       >
         <div
           class="card-body"
@@ -726,7 +731,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilSettings
+                </title>
+                undefined
+              </svg>
             </a>
              
             <a
@@ -738,7 +748,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilChevronBottom
+                </title>
+                undefined
+              </svg>
             </a>
              
             <a
@@ -750,7 +765,12 @@ exports[`Cards.vue renders correctly 1`] = `
                 class="c-icon"
                 viewBox="0 0 64 64"
                 xmlns="http://www.w3.org/2000/svg"
-              />
+              >
+                <title>
+                  cilXCircle
+                </title>
+                undefined
+              </svg>
             </a>
           </div>
         </header>

tests/unit/views/base/__snapshots__/Carousels.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Carousels.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Carousel
@@ -46,26 +51,33 @@ exports[`Carousels.vue renders correctly 1`] = `
       >
         <div
           class="carousel slide"
+          data-v-9c4fbe64=""
           style="height: 400px;"
         >
           <ol
             class="carousel-indicators"
+            data-v-9c4fbe64=""
           >
             <li
               class="active"
+              data-v-9c4fbe64=""
             />
             <li
               class=""
+              data-v-9c4fbe64=""
             />
             <li
               class=""
+              data-v-9c4fbe64=""
             />
           </ol>
           <div
             class="carousel-inner"
+            data-v-9c4fbe64=""
           >
             <div
               class="carousel-item active"
+              data-v-9c4fbe64=""
             >
               <img
                 class="d-block w-100 h-100 img-fluid"
@@ -85,6 +97,7 @@ exports[`Carousels.vue renders correctly 1`] = `
              
             <div
               class="carousel-item"
+              data-v-9c4fbe64=""
             >
               <svg
                 class="d-block w-100 h-100 img-fluid"
@@ -104,6 +117,7 @@ exports[`Carousels.vue renders correctly 1`] = `
              
             <div
               class="carousel-item"
+              data-v-9c4fbe64=""
             >
               <img
                 class="d-block w-100 h-100 img-fluid"
@@ -114,18 +128,22 @@ exports[`Carousels.vue renders correctly 1`] = `
           </div>
           <a
             class="carousel-control-prev"
+            data-v-9c4fbe64=""
           >
             <span
               aria-label="Previous"
               class="carousel-control-prev-icon"
+              data-v-9c4fbe64=""
             />
           </a>
           <a
             class="carousel-control-next"
+            data-v-9c4fbe64=""
           >
             <span
               aria-label="Next"
               class="carousel-control-next-icon"
+              data-v-9c4fbe64=""
             />
           </a>
         </div>

tests/unit/views/base/__snapshots__/Collapses.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Collapses.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Collapse 

tests/unit/views/base/__snapshots__/Jumbotrons.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       tag="div"
@@ -156,6 +157,7 @@ exports[`Jumbotrons.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       tag="div"

tests/unit/views/base/__snapshots__/ListGroups.spec.js.snap

@@ -4,6 +4,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -184,6 +185,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -349,6 +351,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -530,6 +533,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -811,6 +815,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -834,6 +839,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
         <ccardbody-stub>
           <ccardgroup-stub
             deck="true"
+            tag="div"
           >
             <ccard-stub>
               <ccardheader-stub>
@@ -885,6 +891,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
                  
                 <ccardtext-stub
                   class="mt-2"
+                  tag="p"
                 >
                   
                   Quis magna Lorem anim amet ipsum do mollit sit cillum voluptate ex
@@ -961,6 +968,7 @@ exports[`ListGroups.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/base/__snapshots__/Navbars.spec.js.snap

@@ -47,6 +47,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           exactactiveclass="active"
           href="#"
           routertag="a"
+          tag="div"
           target="_self"
         >
           NavBar
@@ -224,6 +225,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           exactactiveclass="active"
           href="#"
           routertag="a"
+          tag="div"
           target="_self"
         >
           <img
@@ -271,6 +273,7 @@ exports[`Navbars.vue renders correctly 1`] = `
           event="click"
           exactactiveclass="active"
           routertag="a"
+          tag="div"
           target="_self"
         >
           CoreuiVue

tests/unit/views/base/__snapshots__/Navs.spec.js.snap

@@ -512,6 +512,7 @@ exports[`Navs.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="m-0"

tests/unit/views/base/__snapshots__/Switches.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Switches.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -135,6 +136,7 @@ exports[`Switches.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/base/__snapshots__/Tables.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Tables.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"
@@ -31,6 +32,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"
@@ -60,6 +62,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       sm="12"
@@ -80,6 +83,7 @@ exports[`Tables.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       sm="12"

tests/unit/views/base/__snapshots__/Tabs.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Tabs.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="6"

tests/unit/views/base/__snapshots__/Tooltips.spec.js.snap

@@ -40,6 +40,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           col="6"
@@ -111,6 +112,7 @@ exports[`Tooltips.vue renders correctly 1`] = `
       >
         <crow-stub
           gutters="true"
+          tag="div"
         >
           <ccol-stub
             class="py-4 text-center"

tests/unit/views/buttons/__snapshots__/ButtonDropdowns.spec.js.snap

@@ -18,7 +18,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Bootstrap Dropdown
@@ -226,7 +231,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -490,7 +500,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -573,7 +588,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -791,7 +811,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 
@@ -916,7 +941,12 @@ exports[`Dropdowns.vue renders correctly 1`] = `
             class="c-icon"
             viewBox="0 0 64 64"
             xmlns="http://www.w3.org/2000/svg"
-          />
+          >
+            <title>
+              cilJustifyCenter
+            </title>
+            undefined
+          </svg>
            
           <strong>
              Dropdown 

tests/unit/views/buttons/__snapshots__/ButtonGroups.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`ButtonGroups.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/buttons/__snapshots__/StandardButtons.spec.js.snap

@@ -30,6 +30,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -244,6 +245,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -476,6 +478,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -719,6 +722,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -928,6 +932,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1153,6 +1158,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1391,6 +1397,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1600,6 +1607,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -1825,6 +1833,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2063,6 +2072,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2286,6 +2296,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2527,6 +2538,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -2780,6 +2792,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3003,6 +3016,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3244,6 +3258,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3498,6 +3513,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3613,6 +3629,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3723,6 +3740,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center mt-3"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="mb-3 mb-xl-0"
@@ -3848,6 +3866,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
       <crow-stub
         class="align-items-center"
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="text-center mt-3"
@@ -3980,6 +3999,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
     <ccardbody-stub>
       <crow-stub
         gutters="true"
+        tag="div"
       >
         <ccol-stub
           class="text-center mt-3"
@@ -4106,6 +4126,7 @@ exports[`StandardButtons.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/charts/__snapshots__/Charts.spec.js.snap

@@ -5,6 +5,7 @@ exports[`Charts.vue renders correctly 1`] = `
   <ccardgroup-stub
     class="card-columns cols-2"
     columns="true"
+    tag="div"
   >
     <ccard-stub>
       <ccardheader-stub>

tests/unit/views/notifications/__snapshots__/Alerts.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`Alerts.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/notifications/__snapshots__/Badges.spec.js.snap

@@ -17,7 +17,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          
         <strong>
            Bootstrap Badge
@@ -123,7 +128,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>
@@ -194,7 +204,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>
@@ -265,7 +280,12 @@ exports[`Badges.vue renders correctly 1`] = `
           class="c-icon"
           viewBox="0 0 64 64"
           xmlns="http://www.w3.org/2000/svg"
-        />
+        >
+          <title>
+            cilJustifyCenter
+          </title>
+          undefined
+        </svg>
          Badge
         
         <small>

tests/unit/views/notifications/__snapshots__/Modals.spec.js.snap

@@ -7,6 +7,7 @@ exports[`Modals.vue renders correctly 1`] = `
   <div>
     <crow-stub
       gutters="true"
+      tag="div"
     >
       <ccol-stub
         col="12"

tests/unit/views/pages/__snapshots__/Login.spec.js.snap

@@ -3,16 +3,20 @@
 exports[`Login.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="8"
       tag="div"
     >
-      <ccardgroup-stub>
+      <ccardgroup-stub
+        tag="div"
+      >
         <ccard-stub
           class="p-4"
         >
@@ -44,6 +48,7 @@ exports[`Login.vue renders correctly 1`] = `
                
               <crow-stub
                 gutters="true"
+                tag="div"
               >
                 <ccol-stub
                   col="6"

tests/unit/views/pages/__snapshots__/Page404.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Page404.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/pages/__snapshots__/Page500.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Page500.vue renders correctly 1`] = `
 <ccontainer-stub
   class="d-flex align-items-center min-vh-100"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"

tests/unit/views/pages/__snapshots__/Register.spec.js.snap

@@ -3,10 +3,12 @@
 exports[`Register.vue renders correctly 1`] = `
 <ccontainer-stub
   class="min-vh-100 d-flex align-items-center"
+  tag="div"
 >
   <crow-stub
     class="w-100 justify-content-center"
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="6"
@@ -80,6 +82,7 @@ exports[`Register.vue renders correctly 1`] = `
         >
           <crow-stub
             gutters="true"
+            tag="div"
           >
             <ccol-stub
               col="6"

tests/unit/views/theme/__snapshots__/Colors.spec.js.snap

@@ -12,7 +12,12 @@ exports[`Colors.vue renders correctly 1`] = `
         class="c-icon"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
-      />
+      >
+        <title>
+          cilDrop
+        </title>
+        undefined
+      </svg>
        Theme colors
     
     </header>
@@ -412,7 +417,12 @@ exports[`Colors.vue renders correctly 1`] = `
         class="c-icon"
         viewBox="0 0 64 64"
         xmlns="http://www.w3.org/2000/svg"
-      />
+      >
+        <title>
+          cilDrop
+        </title>
+        undefined
+      </svg>
        Grays
     
     </header>

tests/unit/views/users/__snapshots__/User.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`User.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/users/__snapshots__/Users.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`Users.vue renders correctly 1`] = `
 <crow-stub
   gutters="true"
+  tag="div"
 >
   <ccol-stub
     col="12"

tests/unit/views/widgets/__snapshots__/Widgets.spec.js.snap

@@ -4,6 +4,7 @@ exports[`Widgets.vue renders correctly 1`] = `
 <div>
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="3"
@@ -97,6 +98,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="3"
@@ -161,6 +163,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -241,6 +244,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -317,6 +321,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       col="12"
@@ -384,6 +389,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <ccardgroup-stub
     class="mb-4"
+    tag="div"
   >
     <cwidgetprogressicon-stub
       color="info"
@@ -447,6 +453,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <ccardgroup-stub
     class="mb-4"
+    tag="div"
   >
     <cwidgetprogressicon-stub
       color="info"
@@ -516,6 +523,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="2"
@@ -628,6 +636,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       md="2"
@@ -748,6 +757,7 @@ exports[`Widgets.vue renders correctly 1`] = `
    
   <crow-stub
     gutters="true"
+    tag="div"
   >
     <ccol-stub
       lg="2"