diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-05-14 16:29:50 +0200 |
|---|---|---|
| committer | Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2022-05-14 16:29:50 +0200 |
| commit | 048bc4ae943509dea2946764efaa69f845b6c478 (patch) | |
| tree | ccb039eb9c07586baf2d5cbc8d33abd163e0ad9f /src/tools/json-viewer/json-viewer.vue | |
| parent | 3aefe83a31ba3f9d5ca8dec3cc8b2f9afc76c15c (diff) | |
| download | it-tools-048bc4ae943509dea2946764efaa69f845b6c478.tar.gz it-tools-048bc4ae943509dea2946764efaa69f845b6c478.tar.zst it-tools-048bc4ae943509dea2946764efaa69f845b6c478.zip | |
refactor(json-viewer): add clear button
Diffstat (limited to 'src/tools/json-viewer/json-viewer.vue')
| -rw-r--r-- | src/tools/json-viewer/json-viewer.vue | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/src/tools/json-viewer/json-viewer.vue b/src/tools/json-viewer/json-viewer.vue index 3307cba..5535282 100644 --- a/src/tools/json-viewer/json-viewer.vue +++ b/src/tools/json-viewer/json-viewer.vue @@ -5,8 +5,21 @@ :feedback="rawJsonValidation.message" :validation-status="rawJsonValidation.status" > - <n-input v-model:value="rawJson" class="json-input" type="textarea" placeholder="Paste your raw json here..." /> + <n-input + v-model:value="rawJson" + class="json-input" + type="textarea" + placeholder="Paste your raw json here..." + autocomplete="off" + autocorrect="off" + autocapitalize="off" + spellcheck="false" + /> </n-form-item> + + <n-space justify="center"> + <n-button secondary @click="rawJson = ''">Clear</n-button> + </n-space> </n-card> <n-card v-if="cleanJson.length > 0"> @@ -39,7 +52,7 @@ const rawJsonValidation = useValidation({ source: rawJson, rules: [ { - validator: (v) => JSON.parse(v), + validator: (v) => v === '' || JSON.parse(v), message: 'Invalid json string', }, ], |