Skip to content
This repository was archived by the owner on Jun 27, 2023. It is now read-only.

Commit 101fe5c

Browse files
committed
Vuepress init and main readme
1 parent 249fbc4 commit 101fe5c

File tree

19 files changed

+1111
-83
lines changed

19 files changed

+1111
-83
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1564929632/as-readme-banner_tqdgrx.png)
1+
![Library Banner](https://res.cloudinary.com/alvarosaburido/image/upload/v1589993773/portfolio/web/vue-dynamic-forms/open-graph-preview_kv4glm.png)
22

33
# Vue Dynamic Forms
44

@@ -15,6 +15,7 @@
1515
</p>
1616

1717
Implementing handcrafted forms can be:
18+
1819
1. Costly
1920
2. Time-consuming
2021

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<template>
2+
<ul class="features">
3+
<li v-for="feature in features" class="feature">
4+
<h3 class="title">{{ feature.title }}</h3>
5+
<p class="text">{{ feature.text }}</p>
6+
</li>
7+
</ul>
8+
</template>
9+
10+
<script>
11+
import features from '../data/features';
12+
13+
export default {
14+
name: 'Features',
15+
data: () => ({
16+
features,
17+
}),
18+
};
19+
</script>
20+
21+
<style lang="scss">
22+
.features {
23+
display: flex;
24+
list-style: none;
25+
margin: 0;
26+
padding: 0;
27+
margin-left: -15px;
28+
margin-right: -15px;
29+
justify-content: flex-start;
30+
flex-wrap: wrap;
31+
}
32+
.feature {
33+
padding: 15px;
34+
width: 45%;
35+
}
36+
</style>

docs/.vuepress/config.js

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
1+
const { description } = require('./config/meta');
2+
const head = require('./config/head');
3+
const plugins = require('./config/plugins');
4+
const themeConfig = require('./config/themeConfig');
5+
16
module.exports = {
27
title: 'Vue Dynamic Forms',
3-
description:
4-
'Easy way to dynamically create reactive forms in vue based on varying business object model',
8+
description,
9+
head,
10+
plugins,
11+
themeConfig,
512
};

docs/.vuepress/config/head.js

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
const isDeployPreview = require('./isDeployPreview');
2+
const meta = require('./meta');
3+
4+
const head = [
5+
[
6+
'link',
7+
{
8+
href: '//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono',
9+
rel: 'stylesheet',
10+
type: 'text/css',
11+
}],
12+
[
13+
'link',
14+
{
15+
href: '//fonts.googleapis.com/css?family=Dosis:300&amp;text=Vue Select',
16+
rel: 'stylesheet',
17+
type: 'text/css',
18+
}],
19+
['link', {rel: 'icon', href: `/vue-logo.png`}],
20+
['meta', {name: 'theme-color', content: '#3eaf7c'}],
21+
['meta', {name: 'apple-mobile-web-app-capable', content: 'yes'}],
22+
['meta', {name: 'apple-mobile-web-app-status-bar-style', content: 'black'}],
23+
[
24+
'link',
25+
{rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png`}],
26+
[
27+
'link',
28+
{rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c'}],
29+
[
30+
'meta',
31+
{
32+
name: 'msapplication-TileImage',
33+
content: '/icons/msapplication-icon-144x144.png',
34+
}],
35+
['meta', {name: 'msapplication-TileColor', content: '#000000'}],
36+
['meta', {name: 'title', content: meta.title}],
37+
['meta', {name: 'description', content: meta.description}],
38+
['link', {rel: 'icon', href: meta.icon, type: 'image/png'}],
39+
['meta', {property: 'og:image', content: meta.icon}],
40+
['meta', {property: 'twitter:image', content: meta.icon}],
41+
['meta', {name: 'description', content: meta.description}],
42+
['meta', {property: 'og:description', content: ''}],
43+
['meta', {property: 'twitter:description', content: meta.description}],
44+
['meta', {property: 'twitter:title', content: meta.title}],
45+
['meta', {property: 'og:title', content: meta.title}],
46+
['meta', {property: 'og:site_name', content: meta.title}],
47+
['meta', {property: 'og:url', content: meta.url}],
48+
];
49+
50+
if (isDeployPreview) {
51+
head.push(
52+
['meta', {name: 'robots', content: 'noindex'}],
53+
['meta', {name: 'googlebot', content: 'noindex'}],
54+
);
55+
}
56+
57+
module.exports = head;
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
module.exports = process.env.hasOwnProperty('DEPLOY_PREVIEW');

docs/.vuepress/config/meta.js

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
module.exports = {
2+
title: 'Vue Dynamic Forms',
3+
description:
4+
'Easy way to dynamically create reactive forms in vue based on varying business object model.',
5+
// url: 'https://vue-select.org',
6+
icon: '/vue-logo.png',
7+
};

docs/.vuepress/config/plugins.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
const isDeployPreview = require('./isDeployPreview');
2+
3+
module.exports = [
4+
[
5+
'@vuepress/pwa',
6+
{
7+
serviceWorker: false,
8+
updatePopup: true,
9+
},
10+
],
11+
'@vuepress/plugin-register-components',
12+
'@vuepress/plugin-active-header-links',
13+
'@vuepress/plugin-search',
14+
'@vuepress/plugin-nprogress',
15+
];

docs/.vuepress/config/themeConfig.js

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
module.exports = {
2+
repo: '@asigloo/vue-dynamic-forms',
3+
editLinks: true,
4+
docsDir: 'docs',
5+
nav: [{ text: 'Sandbox', link: '/sandbox' }],
6+
sidebar: {
7+
'/': [
8+
{
9+
title: 'Community',
10+
collapsable: false,
11+
children: [
12+
['sponsors', 'Sponsors 🎉'],
13+
['contributors', 'Contributors'],
14+
],
15+
},
16+
],
17+
},
18+
};

docs/.vuepress/data/books.js

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
/* eslint-disable */
2+
export default [
3+
{
4+
title: "Old Man's War",
5+
author: {
6+
firstName: "John",
7+
lastName: "Scalzi"
8+
}
9+
},
10+
{
11+
title: "The Lock Artist",
12+
author: {
13+
firstName: "Steve",
14+
lastName: "Hamilton"
15+
}
16+
},
17+
{
18+
title: "HTML5",
19+
author: {
20+
firstName: "Remy",
21+
lastName: "Sharp"
22+
}
23+
},
24+
{
25+
title: "Right Ho Jeeves",
26+
author: {
27+
firstName: "P.D",
28+
lastName: "Woodhouse"
29+
}
30+
},
31+
{
32+
title: "The Code of the Wooster",
33+
author: {
34+
firstName: "P.D",
35+
lastName: "Woodhouse"
36+
}
37+
},
38+
{
39+
title: "Thank You Jeeves",
40+
author: {
41+
firstName: "P.D",
42+
lastName: "Woodhouse"
43+
}
44+
},
45+
{
46+
title: "The DaVinci Code",
47+
author: {
48+
firstName: "Dan",
49+
lastName: "Brown"
50+
}
51+
},
52+
{
53+
title: "Angels & Demons",
54+
author: {
55+
firstName: "Dan",
56+
lastName: "Brown"
57+
}
58+
},
59+
{
60+
title: "The Silmarillion",
61+
author: {
62+
firstName: "J.R.R",
63+
lastName: "Tolkien"
64+
}
65+
},
66+
{
67+
title: "Syrup",
68+
author: {
69+
firstName: "Max",
70+
lastName: "Barry"
71+
}
72+
},
73+
{
74+
title: "The Lost Symbol",
75+
author: {
76+
firstName: "Dan",
77+
lastName: "Brown"
78+
}
79+
},
80+
{
81+
title: "The Book of Lies",
82+
author: {
83+
firstName: "Brad",
84+
lastName: "Meltzer"
85+
}
86+
},
87+
{
88+
title: "Lamb",
89+
author: {
90+
firstName: "Christopher",
91+
lastName: "Moore"
92+
}
93+
},
94+
{
95+
title: "Fool",
96+
author: {
97+
firstName: "Christopher",
98+
lastName: "Moore"
99+
}
100+
},
101+
{
102+
title: "Incompetence",
103+
author: {
104+
firstName: "Rob",
105+
lastName: "Grant"
106+
}
107+
},
108+
{
109+
title: "Fat",
110+
author: {
111+
firstName: "Rob",
112+
lastName: "Grant"
113+
}
114+
},
115+
{
116+
title: "Colony",
117+
author: {
118+
firstName: "Rob",
119+
lastName: "Grant"
120+
}
121+
},
122+
{
123+
title: "Backwards, Red Dwarf",
124+
author: {
125+
firstName: "Rob",
126+
lastName: "Grant"
127+
}
128+
},
129+
{
130+
title: "The Grand Design",
131+
author: {
132+
firstName: "Stephen",
133+
lastName: "Hawking"
134+
}
135+
},
136+
{
137+
title: "The Book of Samson",
138+
author: {
139+
firstName: "David",
140+
lastName: "Maine"
141+
}
142+
},
143+
{
144+
title: "The Preservationist",
145+
author: {
146+
firstName: "David",
147+
lastName: "Maine"
148+
}
149+
},
150+
{
151+
title: "Fallen",
152+
author: {
153+
firstName: "David",
154+
lastName: "Maine"
155+
}
156+
},
157+
{
158+
title: "Monster 1959",
159+
author: {
160+
firstName: "David",
161+
lastName: "Maine"
162+
}
163+
}
164+
]

0 commit comments

Comments
 (0)