Skip to content

Commit a9b136a

Browse files
PierreBrisorgueilPierreBrisorgueil
committed
feat(home): add comoponent and docs every component with ex ✨
1 parent fb176be commit a9b136a

9 files changed

+244
-0
lines changed

‎src/modules/home/components/home.abouts.component.vue‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,21 @@
1+
<!--
2+
- Call example
3+
<homeAboutsComponent
4+
v-bind:abouts="abouts"
5+
v-bind:custom="null"
6+
v-bind:md="6"
7+
></homeAboutsComponent>
8+
- Data Example
9+
abouts: [
10+
{
11+
title: 'Concept',
12+
text: '[WAOS](https://blog.weareopensource.me/us/) aims at simpli ... ',
13+
image: null,
14+
button: null,
15+
link: null,
16+
},
17+
],
18+
-->
119
<template>
220
<section
321
id="about-me"

‎src/modules/home/components/home.banner.component.vue‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,18 @@
1+
<!--
2+
- Call example
3+
<homeBannerComponent
4+
v-bind:ratio="1"
5+
v-bind:subscribe="true"
6+
v-bind:app="app"
7+
></homeBannerComponent>
8+
- Data Example
9+
app: {
10+
title: 'WAOS Dev',
11+
logo: 'logo.png', // null to use title by default
12+
subtitle: 'welcome to demo.',
13+
description: 'Vue - Boilerplate Front : Vuetify, Axios, Jest, Cypress (Alpha) '
14+
},
15+
-->
116
<template>
217
<section id="hero">
318
<v-row no-gutters>

‎src/modules/home/components/home.blog.component.vue‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
<!--
2+
- Call example
3+
<homeBlogComponent
4+
v-bind:title="blog"
5+
v-bind:url="config.home.blog2.url"
6+
v-bind:news="news2"
7+
v-bind:custom="null"
8+
></homeBlogComponent>
9+
- Data Example
10+
blog: {
11+
// actually dev for Ghost Blog
12+
title: 'Articles',
13+
url: 'https://blog.weareopensource.me',
14+
key: 'yourkey',
15+
},
16+
-->
117
<template>
218
<section
319
id="blog"

‎src/modules/home/components/home.contact.component.vue‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
<!--
2+
- Call example
3+
<homeContactComponent></homeContactComponent>
4+
-->
15
<template>
26
<section id="contact" class="py-12">
37
<v-container>

‎src/modules/home/components/home.features.component.vue‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,22 @@
1+
<!--
2+
- Call example
3+
<homeFeaturesComponent
4+
v-bind:features="features"
5+
v-bind:custom="null"
6+
></homeFeaturesComponent>
7+
- Data Example
8+
features: {
9+
title: 'Stacks',
10+
data: [
11+
{
12+
icon: 'fab fa-vuejs',
13+
title: 'Vue',
14+
text: '**Alpha Front Stack** <br> Classic auth with landing page ...',
15+
color: '#186b9f',
16+
},
17+
],
18+
},
19+
-->
120
<template>
221
<section
322
id="features"

‎src/modules/home/components/home.links.component.vue‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,43 @@
1+
<!--
2+
- Call example
3+
<homeLinksComponent
4+
v-bind:links="links"
5+
v-bind:custom="null"
6+
></homeLinksComponent>
7+
- Data Example
8+
links: [
9+
{
10+
title: 'Useful',
11+
items: [
12+
{
13+
label: 'Blog',
14+
icon: 'fa-rss',
15+
url: 'https://blog.weareopensource.me',
16+
},
17+
],
18+
},
19+
{
20+
title: 'About',
21+
items: [
22+
{
23+
icon: 'fab fa-discord',
24+
label: 'Discord',
25+
url: 'https://discord.gg/U2a2vVm',
26+
},
27+
],
28+
},
29+
{
30+
title: 'Others',
31+
items: [
32+
{
33+
icon: 'fab fa-docker',
34+
label: 'Docker',
35+
url: 'https://hub.docker.com/orgs/weareopensource/repositories',
36+
},
37+
],
38+
},
39+
],
40+
-->
141
<template>
242
<section
343
id="features"

‎src/modules/home/components/home.logos.component.vue‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!--
2+
- Call example
3+
<homeLogosComponent
4+
v-bind:logos="sponsors"
5+
v-bind:size="150"
6+
v-bind:ratio="1"
7+
v-bind:custom="null"
8+
></homeLogosComponent>
9+
- Data Example
10+
sponsors: {
11+
title: 'Sponsor',
12+
data: [
13+
[{
14+
title: 'OpenCollective',
15+
image: 'logos/opencollective.png',
16+
link: 'https://opencollective.com/weareopensource',
17+
}, {
18+
title: 'Ko-fi',
19+
image: 'logos/patreon.png',
20+
link: 'https://ko-fi.com/weareopensource',
21+
}, {
22+
title: 'Patreon',
23+
image: 'logos/kofi.png',
24+
link: 'https://patreon.com/weareopensource',
25+
}],
26+
],
27+
},
28+
-->
29+
<template>
30+
<section
31+
id="features"
32+
class="py-12"
33+
:style="custom && custom.section ? custom.section : null"
34+
v-if="logos.data.length > 0"
35+
>
36+
<v-container class="text-center">
37+
<h2 class="display-1 font-weight-bold mb-3 pb-8 text-uppercase" v-if="logos.title">
38+
{{ logos.title }}
39+
</h2>
40+
<v-row v-for="(data, i) in logos.data" :key="i" justify="center">
41+
<v-col
42+
v-for="({ image, link, title }, i) in data"
43+
:key="i"
44+
:cols="12 / ratio"
45+
:sm="6 / ratio"
46+
:md="4 / ratio"
47+
:lg="4 / ratio"
48+
:xl="2 / ratio"
49+
>
50+
<v-tooltip top>
51+
<template v-slot:activator="{ on }"
52+
><div>
53+
<a :href="link">
54+
<v-avatar v-on="on" v-if="link" :size="size">
55+
<img v-if="image" :src="image" />
56+
</v-avatar>
57+
</a>
58+
</div>
59+
</template>
60+
<span>{{ title }} </span>
61+
</v-tooltip>
62+
</v-col>
63+
</v-row>
64+
</v-container>
65+
</section>
66+
</template>
67+
<script>
68+
/**
69+
* Export default
70+
*/
71+
export default {
72+
name: 'homeLogosComponent',
73+
props: ['logos', 'custom', 'size', 'ratio'],
74+
};
75+
</script>

‎src/modules/home/components/home.slideshow.component.vue‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,33 @@
1+
<!--
2+
- Call example
3+
<homeSlideshowComponent
4+
v-bind:slides="slideshow"
5+
v-bind:custom="{ section: { background: config.vuetify.theme.themes[theme].surface } }"
6+
v-bind:height="pageHeight / 1.75"
7+
v-bind:full="true"
8+
v-bind:interval="10000"
9+
v-bind:mdImage="null"
10+
v-bind:mdText="null"
11+
></homeSlideshowComponent>
12+
- Data Example
13+
slideshow: {
14+
title: 'Demos',
15+
data: [
16+
{
17+
img: '01.jpg',
18+
icon: null,
19+
title: null,
20+
text: null,
21+
},
22+
{
23+
img: '02.jpg',
24+
icon: null,
25+
title: null,
26+
text: null,
27+
},
28+
],
29+
},
30+
-->
131
<template>
232
<section
333
id="features"

‎src/modules/home/components/home.stats.component.vue‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,30 @@
1+
<!--
2+
- Call example
3+
<homeStatsComponent v-bind:statistics="stats"></homeStatsComponent>
4+
- Data Example
5+
sponsors: {
6+
stats: {
7+
background: null,
8+
data: [
9+
{
10+
value: '0',
11+
title: 'Repos',
12+
},
13+
{
14+
value: '0',
15+
title: 'Releases',
16+
},
17+
{
18+
value: '0',
19+
title: 'Articles',
20+
},
21+
{
22+
value: '0',
23+
title: 'Docker Pulls',
24+
},
25+
],
26+
},
27+
-->
128
<template>
229
<section id="stats" class="black" v-if="statistics.length > 0">
330
<v-parallax

0 commit comments

Comments
 (0)