diff --git a/babel.config.js b/babel.config.js index 716b0237..c1b783ea 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,3 +1,3 @@ module.exports = { - presets: ['@vue/cli-plugin-babel/preset'] + presets: ['@vue/cli-plugin-babel/preset'], } diff --git a/src/App.vue b/src/App.vue index c08c6ed9..7502212d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,7 +3,6 @@ - diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js index 30cd7836..2c292085 100644 --- a/src/assets/icons/index.js +++ b/src/assets/icons/index.js @@ -22,9 +22,9 @@ import { cibCcStripe, cibCcPaypal, cibCcApplePay, - cibCcAmex -} from "@coreui/icons"; -import { cifUs, cifBr, cifIn, cifFr, cifEs, cifPl } from "@coreui/icons"; + cibCcAmex, +} from '@coreui/icons' +import { cifUs, cifBr, cifIn, cifFr, cifEs, cifPl } from '@coreui/icons' import { cilArrowBottom, cilArrowRight, @@ -76,8 +76,8 @@ import { cilUser, cilUserFemale, cilUserFollow, - cilXCircle -} from "@coreui/icons"; + cilXCircle, +} from '@coreui/icons' export const iconsSet = Object.assign( {}, @@ -132,7 +132,7 @@ export const iconsSet = Object.assign( cilUser, cilUserFemale, cilUserFollow, - cilXCircle + cilXCircle, }, { cifUs, @@ -140,7 +140,7 @@ export const iconsSet = Object.assign( cifIn, cifFr, cifEs, - cifPl + cifPl, }, { cibFacebook, @@ -166,6 +166,6 @@ export const iconsSet = Object.assign( cibCcStripe, cibCcPaypal, cibCcApplePay, - cibCcAmex - } -); + cibCcAmex, + }, +) diff --git a/src/components/AppBreadcrumb.vue b/src/components/AppBreadcrumb.vue index 5e0b2d20..53b29cdc 100644 --- a/src/components/AppBreadcrumb.vue +++ b/src/components/AppBreadcrumb.vue @@ -2,9 +2,9 @@ {{ item.name }} diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue index f4cfd638..e02b6f14 100644 --- a/src/components/AppHeader.vue +++ b/src/components/AppHeader.vue @@ -55,7 +55,6 @@ export default { AppHeaderDropdownAccnt, }, setup() { - return { logo, } diff --git a/src/components/AppSidebar.vue b/src/components/AppSidebar.vue index 6d84edd1..2cb1703a 100644 --- a/src/components/AppSidebar.vue +++ b/src/components/AppSidebar.vue @@ -13,12 +13,12 @@ > diff --git a/src/components/AppSidebarNav.js b/src/components/AppSidebarNav.js index fcc2f7dc..25dfb803 100644 --- a/src/components/AppSidebarNav.js +++ b/src/components/AppSidebarNav.js @@ -1,39 +1,45 @@ import { defineComponent, h, onMounted, ref, resolveComponent } from 'vue' import { RouterLink, useRoute } from 'vue-router' -import { CBadge, CSidebarNav, CNavItem, CNavGroup, CNavTitle } from '@coreui/vue' +import { + CBadge, + CSidebarNav, + CNavItem, + CNavGroup, + CNavTitle, +} from '@coreui/vue' import nav from '@/_nav.js' const normalizePath = (path) => -decodeURI(path) - .replace(/#.*$/, '') - .replace(/(index)?\.(html)$/, '') + decodeURI(path) + .replace(/#.*$/, '') + .replace(/(index)?\.(html)$/, '') const isActiveLink = (route, link) => { -if (link === undefined) { - return false -} + if (link === undefined) { + return false + } -if (route.hash === link) { - return true -} + if (route.hash === link) { + return true + } -const currentPath = normalizePath(route.path) -const targetPath = normalizePath(link) + const currentPath = normalizePath(route.path) + const targetPath = normalizePath(link) -return currentPath === targetPath + return currentPath === targetPath } const isActiveItem = (route, item) => { -if (isActiveLink(route, item.to)) { - return true -} + if (isActiveLink(route, item.to)) { + return true + } -if (item.items) { - return item.items.some((child) => isActiveItem(route, child)) -} + if (item.items) { + return item.items.some((child) => isActiveItem(route, child)) + } -return false + return false } const AppSidebarNav = defineComponent({ @@ -56,7 +62,9 @@ const AppSidebarNav = defineComponent({ return h( CNavGroup, { - ...firstRender.value && { visible: item.items.some((child) => isActiveItem(route, child))} + ...(firstRender.value && { + visible: item.items.some((child) => isActiveItem(route, child)), + }), }, { togglerContent: () => [ diff --git a/src/components/DocsCallout.vue b/src/components/DocsCallout.vue index ff1adea9..59a495a5 100644 --- a/src/components/DocsCallout.vue +++ b/src/components/DocsCallout.vue @@ -1,16 +1,20 @@ diff --git a/src/router/index.js b/src/router/index.js index 66051c75..70c92526 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -274,17 +274,17 @@ const routes = [ { path: '500', name: 'Page500', - component: () => import('@/views/pages/Page500') + component: () => import('@/views/pages/Page500'), }, { path: 'login', name: 'Login', - component: () => import('@/views/pages/Login') + component: () => import('@/views/pages/Login'), }, { path: 'register', name: 'Register', - component: () => import('@/views/pages/Register') + component: () => import('@/views/pages/Register'), }, ], }, diff --git a/src/store/index.js b/src/store/index.js index b5f77ab4..57dcaeda 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -14,7 +14,7 @@ export default createStore({ }, updateSidebarVisible(state, payload) { state.sidebarVisible = payload.value - } + }, }, actions: {}, modules: {}, diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue index a798e2fd..bbf62239 100644 --- a/src/views/Dashboard.vue +++ b/src/views/Dashboard.vue @@ -128,9 +128,15 @@
-
+
- {{item.title}} + {{ + item.title + }}
@@ -168,11 +174,15 @@
-
+
- {{item.title}} - {{item.value}}% + {{ item.title }} + {{ item.value }}%
@@ -181,13 +191,19 @@
-
+
Organic Search - {{item.value}} - ({{item.percent}}%) + {{ item.value }} + ({{ item.percent }}%)
diff --git a/src/views/base/Accordion.vue b/src/views/base/Accordion.vue index fd728258..8ec7a95e 100644 --- a/src/views/base/Accordion.vue +++ b/src/views/base/Accordion.vue @@ -14,7 +14,7 @@

- + Accordion Item #1 This is the first item's accordion body. It @@ -28,7 +28,7 @@ overflow. - + Accordion Item #2 This is the second item's accordion body. It @@ -42,7 +42,7 @@ overflow. - + Accordion Item #3 This is the third item's accordion body. It @@ -129,8 +129,8 @@ open when another item is opened.

- - + + Accordion Item #1 This is the first item's accordion body. It @@ -144,7 +144,7 @@ overflow. - + Accordion Item #2 This is the second item's accordion body. It @@ -158,7 +158,7 @@ overflow. - + Accordion Item #3 This is the third item's accordion body. It diff --git a/src/views/base/Cards.vue b/src/views/base/Cards.vue index 6d454925..96a2cc0e 100644 --- a/src/views/base/Cards.vue +++ b/src/views/base/Cards.vue @@ -571,7 +571,7 @@ Header @@ -612,7 +612,7 @@ :key="item" >

Use the CRow component and set - {xs|sm|md|lg|xl|xxl}="{ cols: * - }" + {xs|sm|md|lg|xl|xxl}="{ cols: * }" property to control how many grid columns (wrapped around your cards) you show per row. For example, here's - xs="{cols: 1}" laying out the cards - on one column, and - md="{cols: 1}" splitting four cards - to equal width across multiple rows, from the medium breakpoint up. + xs="{cols: 1}" laying out the cards on one + column, and md="{cols: 1}" splitting four + cards to equal width across multiple rows, from the medium + breakpoint up.

@@ -890,8 +887,8 @@

- Change it to md="{ cols: 3}" and - you'll see the fourth card wrap. + Change it to md="{ cols: 3}" and you'll + see the fourth card wrap.

diff --git a/src/views/base/Carousels.vue b/src/views/base/Carousels.vue index a84e6c35..ea3ae650 100644 --- a/src/views/base/Carousels.vue +++ b/src/views/base/Carousels.vue @@ -15,25 +15,13 @@ - slide 1 + slide 1 - slide 2 + slide 2 - slide 3 + slide 3 @@ -51,25 +39,13 @@ - slide 1 + slide 1 - slide 2 + slide 2 - slide 3 + slide 3 @@ -87,25 +63,13 @@ - slide 1 + slide 1 - slide 2 + slide 2 - slide 3 + slide 3 @@ -129,11 +93,7 @@ - slide 1 + slide 1
First slide label

@@ -142,11 +102,7 @@ - slide 2 + slide 2

First slide label

@@ -155,11 +111,7 @@ - slide 3 + slide 3

First slide label

@@ -183,25 +135,13 @@ - slide 1 + slide 1 - slide 2 + slide 2 - slide 3 + slide 3 @@ -223,25 +163,13 @@ - slide 1 + slide 1 - slide 2 + slide 2 - slide 3 + slide 3 @@ -263,6 +191,6 @@ export default { ReactImg, VueImg, } - } + }, } diff --git a/src/views/base/ListGroups.vue b/src/views/base/ListGroups.vue index 3722c5ce..442e8835 100644 --- a/src/views/base/ListGroups.vue +++ b/src/views/base/ListGroups.vue @@ -192,8 +192,8 @@ 'light', 'dark', ]" - :color="item" :key="item" + :color="item" >A simple {{ item }} list group item @@ -221,10 +221,10 @@ 'light', 'dark', ]" + :key="item" component="a" href="#" :color="item" - :key="item" >A simple {{ item }} list group item @@ -340,10 +340,10 @@ - + - + diff --git a/src/views/base/Navs.vue b/src/views/base/Navs.vue index 79bc08b2..5bb3026d 100644 --- a/src/views/base/Navs.vue +++ b/src/views/base/Navs.vue @@ -34,9 +34,8 @@

Classes are used throughout, so your markup can be super flexible. - Use{' '} - <ul>s like above, <ol> if the - order of your items is important, or roll your own with a + Use <ul>s like above, <ol> if + the order of your items is important, or roll your own with a <nav> element. Because the .nav uses display: flex, the nav links behave the same as nav items would, but without the extra markup. @@ -59,7 +58,7 @@

- Change the horizontal alignment of your nav with{' '} + Change the horizontal alignment of your nav with flexbox utilities @@ -207,7 +206,7 @@

Force your .nav's contents to extend the full available width one of two modifier classes. To proportionately fill - all available space with your{' '} .nav-items, use + all available space with your .nav-items, use layout="fill". Notice that all horizontal space is occupied, but not every nav item has the same width.

diff --git a/src/views/base/Popovers.vue b/src/views/base/Popovers.vue index e2b32e31..3a850f40 100644 --- a/src/views/base/Popovers.vue +++ b/src/views/base/Popovers.vue @@ -11,14 +11,14 @@ Click to toggle popover @@ -38,39 +38,39 @@

Popover on top Popover on right Popover on bottom Popover on left diff --git a/src/views/base/Tables.vue b/src/views/base/Tables.vue index c8b99b0c..841ea607 100644 --- a/src/views/base/Tables.vue +++ b/src/views/base/Tables.vue @@ -38,7 +38,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -153,7 +153,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -187,7 +187,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -218,7 +218,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -262,7 +262,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -293,7 +293,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -324,7 +324,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -364,7 +364,7 @@ 3 - + Larry the Bird @twitter @@ -397,7 +397,7 @@ 3 - + Larry the Bird @twitter @@ -443,7 +443,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -456,7 +456,7 @@ can be added to change colors:

- + # @@ -480,7 +480,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -523,7 +523,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -554,7 +554,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -599,7 +599,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -730,7 +730,7 @@ @mdo - + @@ -767,7 +767,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -845,7 +845,7 @@ 3 - Larry the Bird + Larry the Bird @twitter @@ -885,7 +885,7 @@ 3 - Larry the Bird + Larry the Bird @twitter diff --git a/src/views/base/Tooltips.vue b/src/views/base/Tooltips.vue index 40181ea9..b9184161 100644 --- a/src/views/base/Tooltips.vue +++ b/src/views/base/Tooltips.vue @@ -34,39 +34,39 @@

Tooltip on top Tooltip on right Tooltip on bottom Tooltip on left diff --git a/src/views/buttons/ButtonGroups.vue b/src/views/buttons/ButtonGroups.vue index d3e8a88b..491f32b9 100644 --- a/src/views/buttons/ButtonGroups.vue +++ b/src/views/buttons/ButtonGroups.vue @@ -86,21 +86,21 @@ aria-label="Basic checkbox toggle button group" > @@ -113,27 +113,27 @@ aria-label="Basic checkbox toggle button group" > @@ -384,30 +384,30 @@ aria-label="Vertical button group" > diff --git a/src/views/buttons/Buttons.vue b/src/views/buttons/Buttons.vue index 90e21d84..b754129a 100644 --- a/src/views/buttons/Buttons.vue +++ b/src/views/buttons/Buttons.vue @@ -294,10 +294,7 @@ ]" :key="color" > - + {{ color.charAt(0).toUpperCase() + color.slice(1) }} @@ -325,10 +322,7 @@ ]" :key="color" > - + {{ color.charAt(0).toUpperCase() + color.slice(1) }} diff --git a/src/views/buttons/Dropdowns.vue b/src/views/buttons/Dropdowns.vue index 659f82c9..58d44901 100644 --- a/src/views/buttons/Dropdowns.vue +++ b/src/views/buttons/Dropdowns.vue @@ -224,8 +224,8 @@
@@ -177,8 +177,8 @@ Password
@@ -199,27 +199,27 @@
Default file input example - +
Multiple files input example - +
Disabled file input example - +
Small file input example - +
Large file input example - +
@@ -234,9 +234,9 @@ Color picker diff --git a/src/views/forms/InputGroup.vue b/src/views/forms/InputGroup.vue index 6df0bc8a..d5370e1f 100644 --- a/src/views/forms/InputGroup.vue +++ b/src/views/forms/InputGroup.vue @@ -224,10 +224,10 @@ Button @@ -244,10 +244,10 @@ aria-describedby="button-addon2" /> Button @@ -467,42 +467,42 @@ Upload - + - + Upload Button Button diff --git a/src/views/forms/Layout.vue b/src/views/forms/Layout.vue index 47c852e1..4e508ab8 100644 --- a/src/views/forms/Layout.vue +++ b/src/views/forms/Layout.vue @@ -55,11 +55,11 @@ Email - + Password - + Address @@ -89,8 +89,8 @@ @@ -129,7 +129,7 @@ Email - + @@ -140,31 +140,31 @@ Password - +
Radios
@@ -209,9 +209,9 @@ @@ -222,8 +222,8 @@ @@ -237,9 +237,9 @@ @@ -327,8 +327,8 @@ @@ -377,8 +377,8 @@ @@ -435,8 +435,8 @@ diff --git a/src/views/forms/Range.vue b/src/views/forms/Range.vue index bc5a1999..57361b14 100644 --- a/src/views/forms/Range.vue +++ b/src/views/forms/Range.vue @@ -50,7 +50,7 @@

Example range - + @@ -70,11 +70,11 @@ Example range diff --git a/src/views/forms/Validation.vue b/src/views/forms/Validation.vue index 48b1fc2d..94bc5f67 100644 --- a/src/views/forms/Validation.vue +++ b/src/views/forms/Validation.vue @@ -9,7 +9,7 @@

For custom CoreUI form validation messages, you'll need to add the - noValidate boolean property to your + novalidate boolean property to your <CForm>. This disables the browser default feedback tooltips, but still provides access to the form validation APIs in JavaScript. Try to submit the form below; our JavaScript @@ -24,26 +24,18 @@ Email - + Looks good! Email - + Looks good! @@ -52,7 +44,7 @@ @ @@ -87,8 +79,8 @@ @@ -129,20 +121,12 @@ > Email - + Looks good! Email - + Looks good! @@ -153,7 +137,7 @@ @ @@ -188,8 +172,8 @@ @@ -227,37 +211,35 @@ - Email + Email - Looks good! - - - Email - Looks good! - Username + Email + + Looks good! + + + Username @ - City + City @@ -280,7 +262,7 @@ > - City + City @@ -290,10 +272,10 @@ > - City + City @@ -303,8 +285,8 @@

@@ -362,17 +344,17 @@ >Example invalid feedback text @@ -392,8 +374,8 @@
@@ -428,26 +410,18 @@ Email - + Looks good! Email - + Looks good! @@ -458,7 +432,7 @@ @ diff --git a/src/views/icons/Brands.vue b/src/views/icons/Brands.vue index 1792a851..39e243e2 100644 --- a/src/views/icons/Brands.vue +++ b/src/views/icons/Brands.vue @@ -3,13 +3,11 @@ - - CoreUI Icons - Brand - + CoreUI Icons - Brand