docs: use <Badge /> to display Readonly

Author: mascii

docs/api/field.md

@@ -71,16 +71,16 @@ Since `validateSync()` is used internally, Async tests are not available.
 ### `$value` property
 - The field value that can be set to `v-model`.
 
-### `$error` property (Readonly)
+### `$error` property <Badge type="info" text="Readonly" />
 - Returns a result of validating `$value` reactively with the yup schema.
   - If `$value` is invalid, `yup.ValidationError` is returned.
   - If `$value` is valid, `undefined` is returned.
 
-### `$errorMessages` property (Readonly)
+### `$errorMessages` property <Badge type="info" text="Readonly" />
 - Returns an error messages array (`string[]`) reactively as well as `$error` property.
   - If `abortEarly` is false, it can return more than one element.
 
-### `$label` property (Readonly)
+### `$label` property <Badge type="info" text="Readonly" />
 - Returns the label of the yup schema.
   - For example, if you pass `yup.number().label("Age")`, you will obtain `"Age"`.
   - If the `schema` you passed is a function, the function is evaluated once when the object is created.

docs/api/formsField.md

@@ -30,20 +30,20 @@ function formsField<T extends (arg: any) => Form>(generateForm: T, initialValueL
 - Pass `{ abortEarly: false }` if all validation errors by the yup array schema are required.
 
 ## Details of `FormsField` object
-### `$forms` property (Readonly)
+### `$forms` property <Badge type="info" text="Readonly" />
 - Returns the array of forms generated by `generateForm`.
   - For use with `v-for`, each generated form is given a unique key named `$key`.
 
-### `$error` property (Readonly)
+### `$error` property <Badge type="info" text="Readonly" />
 - Returns a result of validating `$forms` reactively with the yup schema.
   - If `$forms` is invalid, `yup.ValidationError` is returned.
   - If `$forms` is valid, `undefined` is returned.
 
-### `$errorMessages` property (Readonly)
+### `$errorMessages` property <Badge type="info" text="Readonly" />
 - Returns an error messages array (`string[]`) reactively as well as `$error` property.
   - If `abortEarly` is false, it can return more than one element.
 
-### `$label` property (Readonly)
+### `$label` property <Badge type="info" text="Readonly" />
 - Returns the label of the yup schema.
   - For example, if you pass `yup.array().label("Questions")`, you will obtain `"Questions"`.
   - If the `schema` you passed is a function, the function is evaluated once when the object is created.