aboutsummaryrefslogtreecommitdiff
path: root/src/tools/json-minify
diff options
context:
space:
mode:
Diffstat (limited to 'src/tools/json-minify')
-rw-r--r--src/tools/json-minify/json-minify.vue26
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>