Skip to content

Commit 5666805

Browse files
committed
fix: improve readability of form input components in README
1 parent a53125b commit 5666805

File tree

1 file changed

+20
-4
lines changed

1 file changed

+20
-4
lines changed

README.md

Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,16 @@ const model = ref({
5959
6060
<template>
6161
<var-form>
62-
<var-input v-model="model.name" placeholder="Name" :rules="ruler().required('Cannot be empty').min(2, 'Wrong length')" />
63-
<var-input v-model="model.age" placeholder="Email" :rules="ruler().email('Must be email format')" />
62+
<var-input
63+
v-model="model.name"
64+
placeholder="Name"
65+
:rules="ruler().required('Cannot be empty').min(2, 'Wrong length')"
66+
/>
67+
<var-input
68+
v-model="model.age"
69+
placeholder="Email"
70+
:rules="ruler().email('Must be email format')"
71+
/>
6472
</var-form>
6573
</template>
6674
```
@@ -86,10 +94,18 @@ const model = ref({
8694
8795
<template>
8896
<n-form :model>
89-
<n-form-item path="name" label="Name" :rule="ruler().required('Cannot be empty').min(2, 'Wrong length')">
97+
<n-form-item
98+
path="name"
99+
label="Name"
100+
:rule="ruler().required('Cannot be empty').min(2, 'Wrong length')"
101+
>
90102
<n-input v-model:value="model.name" />
91103
</n-form-item>
92-
<n-form-item path="age" label="Age" :rule="ruler().number().required('Cannot be empty').min(0, 'Cannot be negative')">
104+
<n-form-item
105+
path="age"
106+
label="Age"
107+
:rule="ruler().number().required('Cannot be empty').min(0, 'Cannot be negative')"
108+
>
93109
<n-input-number v-model:value="model.age" />
94110
</n-form-item>
95111
</n-form>

0 commit comments

Comments
 (0)