mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 05:47:10 -04:00
fix: better display
This commit is contained in:
parent
e10beda5b0
commit
83a78e989d
2 changed files with 12 additions and 13 deletions
|
@ -8,18 +8,16 @@ const jsonContent = ref(
|
|||
}`,
|
||||
);
|
||||
|
||||
const conversionResult = computed(() => {
|
||||
const conversionError = computed(() => {
|
||||
try {
|
||||
linter.parse(jsonContent.value);
|
||||
return JSON.stringify(JSON.parse(jsonContent.value), null, 2);
|
||||
return null;
|
||||
}
|
||||
catch (e: any) {
|
||||
return e.toString().split('\n').map((err: string) => ({ line: -1, message: err, helpLink: '' }));
|
||||
return e.toString();
|
||||
}
|
||||
});
|
||||
|
||||
const errors = computed(() => conversionResult.value);
|
||||
|
||||
const MONACO_EDITOR_OPTIONS = {
|
||||
automaticLayout: true,
|
||||
formatOnType: true,
|
||||
|
@ -41,15 +39,11 @@ const MONACO_EDITOR_OPTIONS = {
|
|||
</div>
|
||||
</c-label>
|
||||
|
||||
<div v-if="errors.length > 0">
|
||||
<div v-if="conversionError">
|
||||
<n-alert title="The following errors occured" type="error" mt-5>
|
||||
<ul>
|
||||
<li v-for="(message, index) of errors" :key="index">
|
||||
{{ message.message }} (<n-a v-if="message.helpLink" target="_blank" rel="noreferer noopener">
|
||||
See JSON help
|
||||
</n-a>)
|
||||
</li>
|
||||
</ul>
|
||||
<pre>
|
||||
{{ conversionError }}
|
||||
</pre>
|
||||
</n-alert>
|
||||
</div>
|
||||
<div v-else>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue