diff options
Diffstat (limited to 'src/tools/json-minify')
-rw-r--r-- | src/tools/json-minify/json-minify.vue | 26 |
1 files changed, 13 insertions, 13 deletions
diff --git a/src/tools/json-minify/json-minify.vue b/src/tools/json-minify/json-minify.vue index d7e9d15..4ee588d 100644 --- a/src/tools/json-minify/json-minify.vue +++ b/src/tools/json-minify/json-minify.vue @@ -1,19 +1,7 @@ -<template> - <format-transformer - input-label="Your raw json" - :input-default="defaultValue" - input-placeholder="Paste your raw json here..." - output-label="Minify version of your JSON" - output-language="json" - :input-validation-rules="rules" - :transformer="transformer" - /> -</template> - <script setup lang="ts"> +import JSON5 from 'json5'; import type { UseValidationRule } from '@/composable/validation'; import { withDefaultOnError } from '@/utils/defaults'; -import JSON5 from 'json5'; const defaultValue = '{\n\t"hello": [\n\t\t"world"\n\t]\n}'; const transformer = (value: string) => withDefaultOnError(() => JSON.stringify(JSON5.parse(value), null, 0), ''); @@ -25,3 +13,15 @@ const rules: UseValidationRule<string>[] = [ }, ]; </script> + +<template> + <format-transformer + input-label="Your raw json" + :input-default="defaultValue" + input-placeholder="Paste your raw json here..." + output-label="Minify version of your JSON" + output-language="json" + :input-validation-rules="rules" + :transformer="transformer" + /> +</template> |