docs: docs work

YannicEl · Aug 9, 2023 · 7433eaa · 7433eaa
1 parent 9045d12
commit 7433eaa
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/docs/core-concepts/validators.md b/packages/docs/core-concepts/validators.md
@@ -2,6 +2,8 @@
 
 ## Native validators
 
+When applicable `@vuetils/form` will use [native web valdiators](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#using_built-in_form_validation) like `required` or `minLength`. Try submitting the form in an invalid state and depending on your platform and browser a native validation warnign will appear.
+
 ## Additional validators
 
 ## Write your own validator
diff --git a/packages/docs/introduction/Test.vue b/packages/docs/introduction/Test.vue
@@ -32,14 +32,21 @@
 </template>
 
 <script setup>
-import { UField, UForm, required, useForm } from '@vuetils/form';
+import { UField, UForm, definePlugin, required, useForm } from '@vuetils/form';
 
 const form = useForm({
 	test: ['hallo', [required]],
 	test2: [''],
 	select: ['drallo'],
 });
 
+const plugin = definePlugin((form, args) => {
+	console.log(args);
+	console.log(form);
+});
+
+form.addPlugin(plugin({ hello: 'world' }));
+
 function onSubmit() {
 	console.log('on submit');
 }

diff --git a/packages/docs/introduction/getting-started.md b/packages/docs/introduction/getting-started.md
@@ -55,8 +55,6 @@ const form = useForm({
 
 The rendered form will look something like this. Play around with it and see how the errors and state change while you are typing.
 
-When applicable `@vuetils/form` will use [native web valdiators](https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation#using_built-in_form_validation) like `required` or `minLength`. Try submitting the form in an invalid state and depending on your platform and browser a native validation warnign will appear.
-
 <script setup>
 import GettingStarted from './GettingStarted.vue'
 </script>