Skip to content

Commit 989220f

Browse files
woothuwoothu
committed
refactor: change camelCase props to kebab-case
1 parent 4ce4b01 commit 989220f

31 files changed

+420
-480
lines changed

‎src/containers/DefaultHeaderDropdownAccnt.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<CDropdown
33
nav
4-
noCaret
5-
noPopper
6-
addMenuClasses="c-dropdown-menu-right"
4+
no-caret
5+
no-popper
6+
add-menu-classes="c-dropdown-menu-right"
77
>
88
<template #button-content>
99
<img
@@ -17,7 +17,7 @@
1717
</CDropdownHeader>
1818
<CDropdownItem>
1919
<i class="cui-bell"/> Updates
20-
<CBadge variant="info" additionalClasses="hehe">{{ itemsCount }}</CBadge>
20+
<CBadge variant="info" additional-classes="hehe">{{ itemsCount }}</CBadge>
2121
</CDropdownItem>
2222
<CDropdownItem>
2323
<i class="cui-envelope-open" /> Messages
@@ -32,7 +32,7 @@
3232
<CBadge variant="warning">{{ itemsCount }}</CBadge>
3333
</CDropdownItem>
3434
<CDropdownHeader
35-
tag="div"
35+
tag="div"
3636
class="c-text-center"
3737
>
3838
<strong>Settings</strong>

‎src/containers/TheAside.vue

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
<template>
22
<CSidebar aside fixed light :display="false">
3-
<CTabs addTabClasses="c-p-0">
3+
<CTabs add-tab-classes="c-p-0">
44
<CTab active>
55
<template slot="title">
66
<i class="cui-list"></i>
77
</template>
88
<CListGroup class="c-list-group-accent">
99
<CListGroupItem
10-
class="c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase c-small">
10+
class="c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase c-small"
11+
>
1112
Today
1213
</CListGroupItem>
1314
<CListGroupItem href="#" class="c-list-group-item-accent-warning c-list-group-item-divider">
@@ -207,7 +208,7 @@
207208
<div class="c-aside-options">
208209
<div class="c-clearfix c-mt-3">
209210
<small><b>Option 3</b></small>
210-
<CSwitch variant="success" label shape="pill" size="sm" class="c-float-right" disabled defaultChecked/>
211+
<CSwitch variant="success" label shape="pill" size="sm" class="c-float-right" disabled default-checked/>
211212
</div>
212213
<div>
213214
<small class="c-text-muted">Disabled option.</small>
@@ -224,17 +225,17 @@
224225
<div class="c-text-uppercase c-mb-1 c-mt-4">
225226
<small><b>CPU Usage</b></small>
226227
</div>
227-
<CProgress class="c-progress-xs" variant="info" :value="25"></CProgress>
228+
<CProgress class="c-progress-xs" variant="info" :value="25"></CProgress>
228229
<small class="c-text-muted">348 Processes. 1/4 Cores.</small>
229230
<div class="c-text-uppercase c-mb-1 c-mt-2">
230231
<small><b>Memory Usage</b></small>
231232
</div>
232-
<CProgress class="c-progress-xs" variant="warning" :value="70"></CProgress>
233+
<CProgress class="c-progress-xs" variant="warning" :value="70"></CProgress>
233234
<small class="c-text-muted">11444GB/16384MB</small>
234235
<div class="c-text-uppercase c-mb-1 c-mt-2">
235236
<small><b>SSD 1 Usage</b></small>
236237
</div>
237-
<CProgress class="c-progress-xs" variant="danger" :value="95"></CProgress>
238+
<CProgress class="c-progress-xs" variant="danger" :value="95"></CProgress>
238239
<small class="c-text-muted">243GB/256GB</small>
239240
<div class="c-text-uppercase c-mb-1 c-mt-2">
240241
<small><b>SSD 2 Usage</b></small>

‎src/containers/TheSidebar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<CSidebar fixed>
33
<CSidebarHeader/>
44
<CSidebarForm/>
5-
<CSidebarNav :navItems="computedNav"/>
5+
<CSidebarNav :nav-items="computedNav"/>
66
<CSidebarFooter/>
77
<CSidebarMinimizer/>
88
</CSidebar>

‎src/views/Charts.vue

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
11
<template>
22
<div class="c-animated c-fadeIn">
33
<CCardGroup columns class="c-card-columns c-cols-2">
4-
<CCard headerHtml="Line Chart" bodyWrapper>
4+
<CCard header-html="Line Chart" body-wrapper>
55
<CChartLineExample/>
66
</CCard>
7-
<CCard headerHtml="Bar Chart" bodyWrapper>
7+
<CCard header-html="Bar Chart" body-wrapper>
88
<CChartBarExample/>
99
</CCard>
10-
<CCard headerHtml="Doughnut Chart" bodyWrapper>
10+
<CCard header-html="Doughnut Chart" body-wrapper>
1111
<CChartDoughnutExample/>
1212
</CCard>
13-
<CCard headerHtml="Radar Chart" bodyWrapper>
13+
<CCard header-html="Radar Chart" body-wrapper>
1414
<CChartRadarExample/>
1515
</CCard>
16-
<CCard headerHtml="Pie Chart" bodyWrapper>
16+
<CCard header-html="Pie Chart" body-wrapper>
1717
<CChartPieExample/>
1818
</CCard>
19-
<CCard headerHtml="Polar Area Chart" bodyWrapper>
19+
<CCard header-html="Polar Area Chart" body-wrapper>
2020
<CChartPolarAreaExample/>
2121
</CCard>
22-
<CCard headerHtml="Simple line chart" bodyWrapper>
23-
<CChartLineSimple borderColor="success" labels="months"/>
22+
<CCard header-html="Simple line chart" body-wrapper>
23+
<CChartLineSimple border-color="success" labels="months"/>
2424
</CCard>
25-
<CCard headerHtml="Simple pointed chart" bodyWrapper>
26-
<CChartLineSimple pointed borderColor="warning"/>
25+
<CCard header-html="Simple pointed chart" body-wrapper>
26+
<CChartLineSimple pointed border-color="warning"/>
2727
</CCard>
28-
<CCard headerHtml="Simple bar chart" bodyWrapper>
29-
<CChartBarSimple backgroundColor="danger"/>
28+
<CCard header-html="Simple bar chart" body-wrapper>
29+
<CChartBarSimple background-color="danger"/>
3030
</CCard>
3131
</CCardGroup>
3232
</div>

‎src/views/Dashboard.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@
8585
<WidgetsSocial/>
8686
<CRow>
8787
<CCol md="12">
88-
<CCard headerHtml="Traffic &amp; Sales" bodyWrapper>
88+
<CCard header-html="Traffic &amp; Sales" body-wrapper>
8989
<CRow>
9090
<CCol sm="12" lg="6">
9191
<CRow>
@@ -350,7 +350,7 @@
350350
<div class="c-progress-group">
351351
<div class="c-progress-group-header">
352352
<CIcon
353-
name="socialLinkedin"
353+
name="socialLinkedin"
354354
height="17"
355355
class="c-progress-group-icon"
356356
/>
@@ -382,7 +382,7 @@
382382
:items="tableItems"
383383
:fields="tableFields"
384384
head-variant="light"
385-
noSorting
385+
no-sorting
386386
>
387387
<!-- <div slot="activity-header">
388388
A tu nic

‎src/views/base/Breadcrumbs.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</div> -->
1414
</CCardHeader>
1515
<CCardBody>
16-
<CBreadcrumb :items="items" addLinkClasses="sss" lastItemClasses="aaa"/>
16+
<CBreadcrumb :items="items" add-link-classes="sss" last-item-classes="aaa"/>
1717
<CBreadcrumb :items="items2"/>
1818
<CBreadcrumb :items="items3"/>
1919
</CCardBody>

‎src/views/base/Cards.vue

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
<div class="c-animated c-fadeIn">
33
<CRow>
44
<CCol sm="6" md="4">
5-
<CCard headerHtml="Card title" :bodyHtml="loremIpsum"/>
5+
<CCard header-html="Card title" :body-html="loremIpsum"/>
66
</CCol>
77
<CCol sm="6" md="4">
8-
<CCard footerHtml="Card Footer" :bodyHtml="loremIpsum" />
8+
<CCard footer-html="Card Footer" :body-html="loremIpsum" />
99
</CCol>
1010
<CCol sm="6" md="4">
1111
<CCard
@@ -22,8 +22,8 @@
2222
size="sm"
2323
shape="pill"
2424
variant="info"
25-
dataOn="On"
26-
dataOff="Off"
25+
data-on="On"
26+
data-off="Off"
2727
:checked="true"
2828
/>
2929
</CCardHeader>
@@ -49,86 +49,86 @@
4949
Card with label
5050
<CBadge pill variant="danger" class="c-float-right">42</CBadge>
5151
</CCardHeader>
52-
<CCardBody :bodyHtml="loremIpsum"/>
52+
<CCardBody :body-html="loremIpsum"/>
5353
</CCard>
5454
</CCol>
5555
</CRow>
5656
<CRow>
5757
<CCol sm="6" md="4">
5858
<CCard
5959
header="Card outline primary"
60-
borderVariant="primary"
61-
:bodyHtml="loremIpsum"
60+
border-variant="primary"
61+
:body-html="loremIpsum"
6262
/>
6363
</CCol>
6464
<CCol sm="6" md="4">
6565
<CCard
6666
header="Card outline secondary"
67-
borderVariant="secondary"
68-
:bodyHtml="loremIpsum"
67+
border-variant="secondary"
68+
:body-html="loremIpsum"
6969
/>
7070
</CCol>
7171
<CCol sm="6" md="4">
7272
<CCard
7373
header="Card outline success"
74-
borderVariant="success"
75-
bodyWrapper
74+
border-variant="success"
75+
body-wrapper
7676
>
7777
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
7878
</CCard>
7979
</CCol>
8080
<CCol sm="6" md="4">
81-
<CCard headerHtml="Card outline info" borderVariant="info" bodyWrapper>
81+
<CCard header-html="Card outline info" border-variant="info" body-wrapper>
8282
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
8383
</CCard>
8484
</CCol>
8585
<CCol sm="6" md="4">
86-
<CCard headerHtml="Card outline warning" borderVariant="warning" bodyWrapper>
86+
<CCard header-html="Card outline warning" border-variant="warning" body-wrapper>
8787
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
8888
</CCard>
8989
</CCol>
9090
<CCol sm="6" md="4">
91-
<CCard headerHtml="Card outline danger" borderVariant="danger" bodyWrapper>
91+
<CCard header-html="Card outline danger" border-variant="danger" body-wrapper>
9292
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
9393
</CCard>
9494
</CCol>
9595
</CRow>
9696

9797
<CRow>
9898
<CCol sm="6" md="4">
99-
<CCard class="c-card-accent-primary" header="Card with primary accent" bodyWrapper>
99+
<CCard class="c-card-accent-primary" header="Card with primary accent" body-wrapper>
100100
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
101101
</CCard>
102102
</CCol>
103103
<CCol sm="6" md="4">
104-
<CCard class="c-card-accent-secondary" header="Card with secondary accent" bodyWrapper>
104+
<CCard class="c-card-accent-secondary" header="Card with secondary accent" body-wrapper>
105105
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
106106
</CCard>
107107
</CCol>
108108
<CCol sm="6" md="4">
109-
<CCard class="c-card-accent-success" header="Card with success accent" bodyWrapper>
109+
<CCard class="c-card-accent-success" header="Card with success accent" body-wrapper>
110110
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
111111
</CCard>
112112
</CCol>
113113
<CCol sm="6" md="4">
114-
<CCard class="c-card-accent-info" header="Card with info accent" bodyWrapper>
114+
<CCard class="c-card-accent-info" header="Card with info accent" body-wrapper>
115115
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
116116
</CCard>
117117
</CCol>
118118
<CCol sm="6" md="4">
119-
<CCard class="c-card-accent-warning" header="Card with warning accent" bodyWrapper>
119+
<CCard class="c-card-accent-warning" header="Card with warning accent" body-wrapper>
120120
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
121121
</CCard>
122122
</CCol>
123123
<CCol sm="6" md="4">
124-
<CCard class="c-card-accent-danger" header="Card with danger accent" bodyWrapper>
124+
<CCard class="c-card-accent-danger" header="Card with danger accent" body-wrapper>
125125
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
126126
</CCard>
127127
</CCol>
128128
</CRow>
129129
<CRow>
130130
<CCol sm="6" md="4">
131-
<CCard class="c-bg-primary c-text-center" bodyWrapper>
131+
<CCard class="c-bg-primary c-text-center" body-wrapper>
132132
<blockquote class="c-card-blockquote">
133133
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
134134
<footer>Someone famous in
@@ -138,7 +138,7 @@
138138
</CCard>
139139
</CCol>
140140
<CCol sm="6" md="4">
141-
<CCard class="c-bg-success c-text-center" bodyWrapper>
141+
<CCard class="c-bg-success c-text-center" body-wrapper>
142142
<blockquote class="c-card-blockquote">
143143
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
144144
<footer>Someone famous in
@@ -148,7 +148,7 @@
148148
</CCard>
149149
</CCol>
150150
<CCol sm="6" md="4">
151-
<CCard class="c-bg-info c-text-center" bodyWrapper>
151+
<CCard class="c-bg-info c-text-center" body-wrapper>
152152
<blockquote class="c-card-blockquote">
153153
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
154154
<footer>Someone famous in
@@ -158,7 +158,7 @@
158158
</CCard>
159159
</CCol>
160160
<CCol sm="6" md="4">
161-
<CCard class="c-bg-warning c-text-center" bodyWrapper>
161+
<CCard class="c-bg-warning c-text-center" body-wrapper>
162162
<blockquote class="c-card-blockquote">
163163
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
164164
<footer>Someone famous in
@@ -168,7 +168,7 @@
168168
</CCard>
169169
</CCol>
170170
<CCol sm="6" md="4">
171-
<CCard class="c-bg-danger c-text-center" bodyWrapper>
171+
<CCard class="c-bg-danger c-text-center" body-wrapper>
172172
<blockquote class="c-card-blockquote">
173173
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
174174
<footer>Someone famous in
@@ -178,7 +178,7 @@
178178
</CCard>
179179
</CCol>
180180
<CCol sm="6" md="4">
181-
<CCard class="c-bg-secondary c-text-center" bodyWrapper>
181+
<CCard class="c-bg-secondary c-text-center" body-wrapper>
182182
<blockquote class="c-card-blockquote">
183183
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
184184
<footer>Someone famous in
@@ -190,27 +190,27 @@
190190
</CRow>
191191
<CRow>
192192
<CCol sm="6" md="4">
193-
<CCard headerHtml="Card title" class="c-bg-primary" bodyWrapper>
193+
<CCard header-html="Card title" class="c-bg-primary" body-wrapper>
194194
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
195195
</CCard>
196196
</CCol>
197197
<CCol sm="6" md="4">
198-
<CCard headerHtml="Card title" class="c-bg-success" bodyWrapper>
198+
<CCard header-html="Card title" class="c-bg-success" body-wrapper>
199199
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
200200
</CCard>
201201
</CCol>
202202
<CCol sm="6" md="4">
203-
<CCard headerHtml="Card title" class="c-bg-info" bodyWrapper>
203+
<CCard header-html="Card title" class="c-bg-info" body-wrapper>
204204
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
205205
</CCard>
206206
</CCol>
207207
<CCol sm="6" md="4">
208-
<CCard headerHtml="Card title" class="c-bg-warning" bodyWrapper>
208+
<CCard header-html="Card title" class="c-bg-warning" body-wrapper>
209209
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
210210
</CCard>
211211
</CCol>
212212
<CCol sm="6" md="4">
213-
<CCard headerHtml="Card title" class="c-bg-danger" bodyWrapper>
213+
<CCard header-html="Card title" class="c-bg-danger" body-wrapper>
214214
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
215215
</CCard>
216216
</CCol>
@@ -243,8 +243,8 @@
243243
<!-- <CRow>
244244
<CCol sm="6" md="4">
245245
<CCard >
246-
<CCardImg imgSrc="https://picsum.photos/600/300/?image=25"/>
247-
<CCardHeader headerHtml="Card title"/>
246+
<CCardImg img-src="https://picsum.photos/600/300/?image=25"/>
247+
<CCardHeader header-html="Card title"/>
248248
<CCardBody style="max-height:200px;overflow-y:auto">
249249
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
250250
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

0 commit comments

Comments
 (0)