10000 docs: update theme · coreui/coreui-vue@2917e54 · GitHub
[go: up one dir, main page]

Skip to content

Commit 2917e54

Browse files
committed
docs: update theme
1 parent 569ead6 commit 2917e54

File tree

5 files changed

+55
-33
lines changed

5 files changed

+55
-33
lines changed

packages/docs/.vuepress/clientAppEnhance.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import {
1010
cibDiscourse,
1111
cibGithub,
1212
cibTwitter,
13+
cibOpenCollective,
1314
cilArrowBottom,
1415
cilArrowRight,
1516
cilArrowTop,
@@ -33,6 +34,7 @@ export const icons = {
3334
cibDiscourse,
3435
cibGithub,
3536
cibTwitter,
37+
cibOpenCollective,
3638
cilArrowBottom,
3739
cilArrowRight,
3840
cilArrowTop,

packages/docs/.vuepress/theme-coreui/src/client/components/Header.vue

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,19 +10,24 @@
1010
<CNavItem href="https://twitter.com/core_ui">
1111
<CIcon icon="cib-twitter" size="xl" />
1212
</CNavItem>
13+
<CNavItem href="https://opencollective.com/coreui">
14+
<CIcon icon="cib-open-collective" size="xl" />
15+
</CNavItem>
1316
</CHeaderNav>
1417
<CButton
1518
class="d-lg-inline-block my-2 my-md-0 ms-md-3"
1619
color="primary"
17-
href="https://coreui.io/react/#compare"
20+
component="a"
21+
href="https://coreui.io/vue/docs/getting-started/introduction.html"
1822
variant="outline"
1923
>
2024
<CIcon icon="cil-cloud-download" /> Download
2125
</CButton>
2226
<CButton
2327
class="d-lg-inline-block my-2 my-md-0 ms-md-3"
2428
color="primary"
25-
href="https://coreui.io/pro/react/"
29+
component="a"
30+
href="https://coreui.io/pricing/?framework=vue&docs=coreui-header-button"
2631
>
2732
Get CoreUI PRO
2833
</CButton>

packages/docs/.vuepress/theme-coreui/src/client/components/Page.vue

Lines changed: 44 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,42 @@
11
<template>
2+
<div
3+
v-if="pro_component"
4+
class="bg-danger bg-opacity-10 border-start border-start-5 border-start-danger p-4 pb-3 mb-5"
5+
>
6+
<h3 className="mb-4">CoreUI PRO Component</h3>
7+
<p>
8+
To use this component you must have a CoreUI PRO license. Buy the
9+
<a href="https://coreui.io/pricing/?framework=vuet&docs=coreui-banner-pro">CoreUI PRO</a>
10+
and get access to all PRO components, features, templates, and dedicated support.
11+
</p>
12+
</div>
13+
<div
14+
v-else
15+
class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
16+
>
17+
<h3 class="mb-4">Support CoreUI Development</h3>
18+
<p>
19+
CoreUI is an MIT-licensed open source project and is completely free to use. However, the
20+
amount of effort needed to maintain and develop new features for the project is not
21+
sustainable without proper financial backing.
22+
</p>
23+
<p>You can support our Open Source software development in the following ways:</p>
24+
<ul>
25+
<li>
26+
Buy the
27+
<a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
28+
and get access to PRO components, and dedicated support.
29+
</li>
30+
<li>
31+
<a href="https://opencollective.com/coreui" target="_blank">Became a sponsor</a>, and get
32+
your logo on BACKERS.md/README.md files or each site of this documentation
33+
</li>
34+
<li>
35+
Give us a star ⭐️ on
36+
<a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
37+
</li>
38+
</ul>
39+
</div>
240
<div class="theme-default-content">
341
<div class="content">
442
<h1>{{ title }}</h1>
@@ -14,9 +52,9 @@
1452
<template v-for="framework in frameworks">
1553
<template v-for="(el, index) in Object.keys(otherFrameworks[framework])">
1654
<li v-if="el !== 'vue'" :key="index">
17-
<a :href="otherFrameworks[framework][el]">{{
18-
el[0].toUpperCase() + el.slice(1)
19-
}} {{ humanize(framework) }}</a>
55+
<a :href="otherFrameworks[framework][el]"
56+
>{{ el[0].toUpperCase() + el.slice(1) }} {{ humanize(framework) }}</a
57+
>
2058
</li>
2159
</template>
2260
</template>
@@ -44,6 +82,7 @@ export default defineComponent({
4482
const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
4583
const title = frontmatter.value.title
4684
const description = frontmatter.value.description
85+
const pro_component = frontmatter.value.pro_component
4786
const frameworks = frontmatter.value.other_frameworks
4887
? frontmatter.value.other_frameworks.split(', ')
4988
: false
@@ -63,8 +102,9 @@ export default defineComponent({
63102
title,
64103
description,
65104
frameworks,
105+
pro_component,
66106
otherFrameworks,
67-
humanize
107+
humanize,
68108
}
69109
},
70110
})

packages/docs/.vuepress/theme-coreui/src/client/layouts/Layout.vue

Lines changed: 0 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -20,33 +20,6 @@
2020
>
2121
<CRow>
2222
<CCol :lg="9">
23-
<div
24-
class="bg-info bg-opacity-10 border-start border-start-5 border-start-info p-4 pb-3 mb-5"
25-
>
26-
<h3 class="mb-4">Support CoreUI Development</h3>
27-
<p>
28-
CoreUI is an MIT-licensed open source project and is completely free to use.
29-
However, the amount of effort needed to maintain and develop new features for
30-
the project is not sustainable without proper financial backing.
31-
</p>
32-
<p>You can support our Open Source software development in the following ways:</p>
33-
<ul>
34-
<li>
35-
Buy the <a href="https://coreui.io/pricing/?framework=vue&docs=coreui-banner-pro">CoreUI PRO</a>,
36-
and get access to PRO components, and dedicated support.
37-
</li>
38-
<li>
39-
<a href="https://opencollective.com/coreui" target="_blank"
40-
>Became a sponsor</a
41-
>, and get your logo on BACKERS.md/README.md files or each site of this
42-
documentation
43-
</li>
44-
<li>
45-
Give us a star ⭐️ on
46-
<a href="https://github.com/coreui/coreui-vue" target="_blank">Github</a>.
47-
</li>
48-
</ul>
49-
</div>
5023
<Page :key="page.path">
5124
<template #top>
5225
<slot name="page-top" />

packages/docs/.vuepress/theme-coreui/src/shared/page.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,4 +41,6 @@ export interface DefaultThemeNormalPageFrontmatter
4141
sidebarDepth?: number
4242
prev?: string | NavLink
4343
next?: string | NavLink
44+
pro_component: boolean
45+
other_frameworks?: string
4446
}

0 commit comments

Comments
 (0)
0