chore: 3.0.0-alpha.5 version: update packages, small fixes

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/coreui-free-vue-admin-template",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.5",
   "description": "Open Source Bootstrap Admin Template",
   "author": "Łukasz Holeczek",
   "homepage": "http://coreui.io",
@@ -19,24 +19,24 @@
     "@coreui/icons": "../coreui-icons",
     "@coreui/vue": "../coreui-vue",
     "vue": "^2.6.10",
-    "vue-router": "^3.0.7"
+    "vue-router": "^3.1.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.9.2",
-    "@vue/cli-plugin-e2e-nightwatch": "^3.9.2",
-    "@vue/cli-plugin-eslint": "^3.9.2",
-    "@vue/cli-plugin-unit-jest": "^3.9.0",
-    "@vue/cli-service": "^3.9.2",
+    "@vue/cli-plugin-babel": "^4.0.4",
+    "@vue/cli-plugin-e2e-nightwatch": "^4.0.4",
+    "@vue/cli-plugin-eslint": "^4.0.4",
+    "@vue/cli-plugin-unit-jest": "^4.0.4",
+    "@vue/cli-service": "^4.0.4",
     "@vue/test-utils": "^1.0.0-beta.29",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-jest": "23.6.0",
-    "babel-plugin-dynamic-import-node": "^2.3.0",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "babel-preset-vue-app": "^2.0.0",
-    "growl": "^1.10.5",
-    "https-proxy-agent": "^2.2.2",
+    "@babel/core": "7.6.4",
+    "babel-eslint": "^10.0.3",
+    "babel-jest": "24.9.0",
+    "core-js": "3.3.2",
+    "chromedriver": "^77.0.0",
+    "eslint": "^6.5.1",
+    "eslint-plugin-vue": "^5.2.3",
     "node-sass": "^4.12.0",
-    "sass-loader": "^7.1.0",
+    "sass-loader": "^8.0.0",
     "vue-template-compiler": "^2.6.10"
   },
   "browserslist": [

src/views/base/Navbars.vue

@@ -43,7 +43,7 @@
 
               <CDropdown
                 toggler-text="Lang"
-                nav
+                in-nav
                 placement="bottom-end"
               >
                   <CDropdownItem>EN</CDropdownItem>
@@ -53,7 +53,7 @@
               </CDropdown>
 
               <CDropdown
-                nav
+                in-nav
                 toggler-text="User"
                 placement="bottom-end"
               >
@@ -113,7 +113,7 @@
               <CDropdown
                 toggler-text="Lang"
                 placement="bottom-end"
-                nav
+                in-nav
               >
                 <CDropdownItem>EN</CDropdownItem>
                 <CDropdownItem>ES</CDropdownItem>
@@ -123,7 +123,7 @@
               <CDropdown
                 toggler-text="User"
                 placement="bottom-end"
-                nav
+                in-nav
               >
                 <CDropdownItem>Account</CDropdownItem>
                 <CDropdownItem>Settings</CDropdownItem>

src/views/base/Popovers.vue

@@ -17,7 +17,7 @@
       </CCardHeader>
       <CCardBody>
         <CRow>
-          <CCol col="4">
+          <CCol col="6">
             <div class="my-3 text-center">
               <CButton
                 color="primary"
@@ -26,11 +26,11 @@
                   content: 'I am popover content!'
                 }"
               >
-                Hover Me
+                Click Me
               </CButton>
             </div>
           </CCol>
-          <CCol col="4">
+          <CCol col="6">
             <div class="my-3 text-center">
               <CButton
                 color="primary"
@@ -39,19 +39,6 @@
                   content: 'I start <strong>open</strong>',
                   active: true
                 }"
-                textHtml="Hover me"
-              />
-            </div>
-          </CCol>
-          <CCol col="4">
-            <div class="my-3 text-center">
-              <CButton
-                color="primary"
-                v-c-popover.click="{
-                  header: 'Popover!',
-                  content: 'I am showing on click and hiding on click outside tooltip!',
-                  placement: 'bottom'
-                }"
               >
                 Click me
               </CButton>

src/views/base/Tooltips.vue

@@ -18,7 +18,7 @@
       </CCardHeader>
       <CCardBody>
         <CRow>
-          <CCol col="4">
+          <CCol col="6">
             <div class="text-center my-3">
               <CButton 
                 color="secondary"
@@ -28,7 +28,7 @@
               </CButton>
             </div>
           </CCol>
-          <CCol col="4">
+          <CCol col="6">
             <div class="text-center my-3">
               <CButton 
                 v-c-tooltip="{content: 'I start open!', active:true }"
@@ -38,18 +38,6 @@
               </CButton>
             </div>
           </CCol>
-          <CCol col="4">
-            <div class="text-center my-3">
-              <CButton
-                color="secondary"
-                v-c-tooltip.click="
-                  'I am showing on click and hiding on click outside tooltip!'
-                "
-              >
-                Click me
-              </CButton>
-            </div>
-          </CCol>
         </CRow>
       </CCardBody>
     </CCard>

src/views/buttons/Dropdowns.vue

@@ -149,7 +149,7 @@
               <CDropdown
                 color="link"
                 size="lg"
-                no-caret
+                :caret="false"
               >
                 <template #toggler-content>
                   &#x1f50d;<span class="sr-only">Search</span>