refactor: update examples

This commit is contained in:
Łukasz Holeczek
2021-08-29 16:10:33 +02:00
parent 1b7a092079
commit cac84bdcdd
38 changed files with 601 additions and 1422 deletions
+19 -25
View File
@@ -6,20 +6,14 @@
<strong>Vue CoreUI Icons</strong>
</CCardHeader>
<CCardBody>
<Example href="">
<CRow class="text-center">
<template v-for="(icon, iconName) in freeSet" :key="iconName">
<CCol
class="mb-5"
col="3"
sm="2"
>
<CIcon :content="icon" size="lg"/>
<div>{{toKebabCase(iconName)}}</div>
</CCol>
</template>
</CRow>
</Example>
<CRow class="text-center">
<template v-for="(icon, iconName) in freeSet" :key="iconName">
<CCol class="mb-5" col="3" sm="2">
<CIcon :content="icon" size="lg" />
<div>{{ toKebabCase(iconName) }}</div>
</CCol>
</template>
</CRow>
</CCardBody>
</CCard>
</CCol>
@@ -29,16 +23,16 @@
<script>
import { freeSet } from '@coreui/icons'
export default {
name: "CoreUIIcons",
data: function(){
return {
freeSet: freeSet
}
},
methods: {
toKebabCase (str) {
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
name: 'CoreUIIcons',
data: function () {
return {
freeSet: freeSet,
}
},
};
</script>
methods: {
toKebabCase(str) {
return str.replace(/([a-z])([A-Z0-9])/g, '$1-$2').toLowerCase()
},
},
}
</script>