hot-fix: fix en docs.

Author: Jenesius

docs/fields/form-fields.md

@@ -134,7 +134,7 @@ Password entry field. It has the ability to switch the visibility mode.
 ```
 <FormField type="password" label="Password" name="password" />
 
-##Checkbox
+## Checkbox
 
 Elements of type checkbox are displayed as checked checkboxes by default.
 (marked) upon activation, as you can see on the official government paper form.

docs/fields/new-fields.md

@@ -38,21 +38,21 @@ In cases with countries, the widget will look like this:
 
 ```vue
 <template>
-<div>
-<form-field
-             v-bind = "$attrs"
-type="select"
-             :options = "countryOptions"
-         />
-</div>
+    <div>
+        <form-field
+            v-bind = "$attrs"
+            type="select"
+            :options = "countryOptions"
+        />
+    </div>
 </template>
 <script setup>
 import {FormField} from "jenesius-vue-form";
 
 const countryOptions = [
-{ label: 'Canada', value: 'ca' },
-{ label: 'Australia', value: 'au' },
-     // other
+    { label: 'Canada', value: 'ca' },
+    { label: 'Australia', value: 'au' },
+    // other
 ]
 </script>
 ```
@@ -71,9 +71,9 @@ If you set the field via **config** and then use **formField** then the followin
 
 ```ts
 defineProps<{
-name:string
-     modelValue: any
-     ...
+    name:string
+    modelValue: any
+    ...
 }>()
 ```
 

docs/guide/configuration.md

@@ -9,13 +9,13 @@ config(params)
 The Params object has the following type:
 ```ts
 interface IConfigurationParams {
-inputTypes: {
-[name: string]: any
-},
-requiredMessage:string
-typeNotCaseSensitive: boolean
-debug: boolean
-defaultType: string
+    inputTypes: {
+        [name: string]: any
+    },
+    requiredMessage:string
+    typeNotCaseSensitive: boolean
+    debug: boolean
+    defaultType: string
 }
 ```
 

docs/guide/form.md

@@ -12,8 +12,8 @@ import Form from "./Form";
 
 const form = new Form()
 ```
-Now you can add **FormField** to the page and they will automatically interact with **form**. Familiarize yourself
-with them you can HERE XXXXXXX.
+Now you can add **FormField** to the page, and they will automatically interact with **form**. Familiarize yourself
+with them you can [here](./../fields/form-fields.md).
 
 ### Options
 
@@ -25,7 +25,8 @@ const form = new Form(params)
 
 #### params <Badge type = "tip">Optional</Badge>
 An object with the following properties:
-:::info_
+
+::: info _
 
 #### name <Badge type = "warning">Variable</Badge>
 The name of the entity (field) that will be used if this form will act as a child and will be signed
@@ -36,7 +37,7 @@ null.
 
 #### parent <Badge type = "info">Optional</Badge>
 It takes the following values: `Form` or `null`, `false`. If another Form was passed, then signing will occur
-on it, and not the automatic search for the parent form. Otherwise (null, false) this form will not produce
+on it, and not the automatic search for the parent form. Otherwise, (null, false) this form will not produce
 search for an ancestor.
 
 #### provide <Badge type = "info">Optional</Badge>

docs/guide/getting-started.md

@@ -4,9 +4,9 @@ import WidgetExampleValues from '../components/widget-example-values.vue'
 
 # Let's Start Using
 
-Creating a web application using Vue + JenesiusVueForm is an elegant and simple solution: a concise way to describe
-fields allows you to simplify the development of components, the large functionality of the library allows you to write multifunctional logic,
-and Vue's reactivity keeps our interface simple.
+Creating a web application using **Vue** + **JenesiusVueForm** is an elegant and simple solution: a concise way to describe
+fields allows you to simplify the development of components, the large functionality of the library allows you to write
+multifunctional logic and Vue's reactivity keeps our interface simple.
 
 ## Installation
 Install *jenesius-vue-form* as a dependency using any manager
@@ -34,9 +34,10 @@ by this library.
 
 ```vue{2,3}
 <template>
-<input-field name="username" label="Username"/>
-<input-field name="email" label="Email"/>
+    <input-field name="username" label="Username"/>
+    <input-field name="email" label="Email"/>
 </template>
+
 <script setup>
 import {InputField, Form} from "jenesius-vue-form";
 

docs/guide/peculiarities.md

@@ -47,8 +47,8 @@ Next, we will connect this component to our project
 ```vue{4}
 // app.vue
 <template>
-<input-address name="address"/>
-<form-field name="address.city" label="Short City"/>
+    <input-address name="address"/>
+    <form-field name="address.city" label="Short City"/>
 </template>
 <script setup>
 import {FormField, Form} from "jenesius-vue-form";

docs/guide/reactivity.md

@@ -74,8 +74,8 @@ const state = useFormState(form); // { changed, disabled }
 The reactive state has the following interface:
 ```ts
 interface FormReactiveState {
-changed: boolean,
-disabled: boolean
-wait: boolean
+    changed: boolean,
+    disabled: boolean
+    wait: boolean
 }
 ```

docs/guide/validation.md

@@ -7,13 +7,13 @@ child elements, and so on deeper.
 
 ```vue{7-9}
 <template>
-<form-field name="age" :validation="ageValidation"/>
+    <form-field name="age" :validation="ageValidation"/>
 </template>
 <script setup>
 import {Form, FormField} from "jenesius-vue-form";
 
 function ageValidation(x) {
-return x > 17 || 'So small'
+    return x > 17 || 'So small'
 }
 
 form.setValues({ age: 17 });
@@ -30,7 +30,7 @@ For field validation, FormField takes one required parameter:
 It has the following type:
 ```ts
 interface FormFieldProps {
-validation: FormFieldValidationCallback[] | FormFieldValidationCallback // [!code focus]
+    validation: FormFieldValidationCallback[] | FormFieldValidationCallback // [!code focus]
 }
 ```
 As you can see from the specification, the field can accept both a single function and an array of functions. The function type is described below:
@@ -47,14 +47,14 @@ type FormFieldValidationCallback = (value: any) => true | string | boolean
 ### Size limit
 ```vue
 <template>
-<form-field name="token" :validation="validation"/>
+    <form-field name="token" :validation="validation"/>
 </template>
 <script setup>
 import {FormField, Form} from "jenesius-vue-form";
 
 const validation = [
-x => x.length > 5 || "That's too short. The minimum length is 5.",
-     x => x.length < 25 || "Value length must be less than 25."
+    x => x.length > 5 || "That's too short. The minimum length is 5.",
+    x => x.length < 25 || "Value length must be less than 25."
 ]
 </script>
 ```
@@ -69,22 +69,21 @@ In this example, there are two rules:
 
 ```vue{3}
 <template>
-<form-field type="switch" name="isAdmin"/>
-<form-field name="login" :validation="validation"/>
+    <form-field type="switch" name="isAdmin"/>
+    <form-field name="login" :validation="validation"/>
 </template>
 <script setup>
 import {FormField, Form, ComputedValue} from "jenesius-vue-form";
 
 const form = new Form();
 const isAdmin = ComputedValue(form, "isAdmin"); // For reactive communication
 const validation = [
-login => {
-if (isAdmin.value && !login.startsWith('$'))
-return 'Administrator name must start with $';
-if (!isAdmin.value && login.length < 5)
-return 'Username must be at least 5 characters long.'
-
-         return true;
+    login => {
+        if (isAdmin.value && !login.startsWith('$'))
+            return 'Administrator name must start with $';
+        if (!isAdmin.value && login.length < 5)
+            return 'Username must be at least 5 characters long.'
+        return true;
      }
 ]
 </script>

docs/guide/working-with-values.md

@@ -20,7 +20,7 @@ The values when will be set for the form.
 #### options <Badge type="info">Optional</Badge>
 An optional parameter, an object with the following properties:
 
-:::info_
+::: info _
 ##### changed <Badge type="info">Optional</Badge>
 Boolean value whether the given values are changes. If *true* then values will be projected onto changes.
 
@@ -65,9 +65,9 @@ form.values // { name: "Jack" }
 #### Using target and clean together
 ```ts
 form.setValues({
-     name: "Jack",
-     address: {
-city: "Emerald City"
+    name: "Jack",
+    address: {
+        city: "Emerald City"
      }
 })