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

Commit 5d20d08

Browse files
alvarosabualvarosabu
authored
Merge pull request #279 from asigloo/bugfix/278-documentation---api-fields-page-is-b
docs: moved fields file to correct path
2 parents 1f0a4cf + 02f53a3 commit 5d20d08

25 files changed

+61
-263
lines changed

‎README.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ Complete documentation and examples available at
3737

3838
- **[Documentation](https://vue-dynamic-forms.alvarosaburido.dev/)**
3939
- **[Demos](#demos)** or if you prefer online [here](https://vue-dynamic-forms-demos.alvarosaburido.dev/)
40-
- **[Migration Guide](https://vue-dynamic-forms.alvarosaburido.dev/v3/guide/migration-guide.html)**
40+
- **[Migration Guide](https://vue-dynamic-forms.alvarosaburido.dev/guide/migration-guide.html)**
4141

4242
## You can help me keep working on this project 💚
4343

@@ -79,14 +79,14 @@ The installation and usage has change to align with new Vue 3 plugin installatio
7979
To create a new `Dynamic Form` instance, use the `createDynamicForms` function;
8080

8181
```js
82-
import { createApp } from 'vue';
83-
import { createDynamicForms } from '@asigloo/vue-dynamic-forms';
82+
import { createApp } from 'vue'
83+
import { createDynamicForms } from '@asigloo/vue-dynamic-forms'
8484

85-
const VueDynamicForms = createDynamicForms();
85+
const VueDynamicForms = createDynamicForms()
8686

87-
export const app = createApp(App);
87+
export const app = createApp(App)
8888

89-
app.use(VueDynamicForms);
89+
app.use(VueDynamicForms)
9090
```
9191

9292
In your component:

‎docs/.vitepress/config.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ const config = {
1515
nav: [
1616
{
1717
text: 'Migration Guide',
18-
link: '/v3/guide/migration-guide',
18+
link: '/guide/migration-guide',
1919
},
2020
],
2121
sidebar: {

‎docs/.vitepress/theme/components/CheckboxInput.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/Console.vue

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
2-
<div class="console bg-marine text-white text-xs p-2 rounded-md relative">
3-
<ul class="absolute top-0 pl-2 mt-0 left-0">
2+
<div class="console">
3+
<ul class="console__buttons">
44
<li class="rounded w-2 h-2 bg-salmon inline-block mr-1"></li>
55
<li class="rounded w-2 h-2 bg-yellow-300 inline-block mr-1"></li>
66
<li class="rounded w-2 h-2 bg-green-500 inline-block"></li>
@@ -29,3 +29,13 @@ export default defineComponent({
2929
},
3030
})
3131
</script>
32+
33+
<style>
34+
.console {
35+
@apply bg-marine text-white text-xs p-2 rounded-md relative;
36+
}
37+
38+
.console__buttons {
39+
@apply absolute top-0 left-0 pl-2 m-0;
40+
}
41+
</style>

‎docs/.vitepress/theme/components/CustomField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,5 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues">
175
<template v-slot:avocado="{ control, onChange, onFocus, onBlur }">
@@ -32,7 +20,7 @@
3220
</template>
3321
</dynamic-form>
3422
</div>
35-
<div class="w-2/5 p-4">
23+
<div class="w-1/2 p-4">
3624
<Console :content="formValues" />
3725
</div>
3826
</div>

‎docs/.vitepress/theme/components/EmailField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/FormCompositionOptionsApi.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/NumberField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/PasswordField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/RadioInput.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/SelectField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/TextAreaField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/TextField.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/ValidationEmail.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,5 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
<button
@@ -31,7 +19,7 @@
3119
Submit me
3220
</button>
3321
</div>
34-
<div class="w-2/5 p-4">
22+
<div class="w-1/2 p-4">
3523
<Console :content="formValues" />
3624
</div>
3725
</div>

‎docs/.vitepress/theme/components/ValidationMax.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,9 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
</div>
18-
<div class="w-2/5 p-4">
6+
<div class="w-1/2 p-4">
197
<Console :content="formValues" />
208
</div>
219
</div>

‎docs/.vitepress/theme/components/ValidationMaxLength.vue

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,13 @@
11
<template>
2-
<div
3-
class="
4-
w-full
5-
flex
6-
justify-between
7-
container
8-
bg-white
9-
shadow-lg
10-
p-4
11-
rounded-lg
12-
my-8
13-
"
14-
>
2+
<div class="field-wrapper">
153
<div class="w-1/2">
164
<dynamic-form :form="form" @change="updateValues" />
175
<p class="text-sm">
186
Add the tweet enough characters and blur to see the validation working
197
👆🏻
208
</p>
219
</div>
22-
<div class="w-2/5 p-4">
10+
<div class="w-1/2 p-4">
2311
<Console :content="formValues" />
2412
</div>
2513
</div>

0 commit comments

Comments
 (0)