mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-04 21:37:11 -04:00
fix: better display
This commit is contained in:
parent
e10beda5b0
commit
83a78e989d
2 changed files with 12 additions and 13 deletions
5
components.d.ts
vendored
5
components.d.ts
vendored
|
@ -131,15 +131,20 @@ declare module '@vue/runtime-core' {
|
||||||
NA: typeof import('naive-ui')['NA']
|
NA: typeof import('naive-ui')['NA']
|
||||||
NAlert: typeof import('naive-ui')['NAlert']
|
NAlert: typeof import('naive-ui')['NAlert']
|
||||||
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
|
NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default']
|
||||||
|
NCode: typeof import('naive-ui')['NCode']
|
||||||
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
|
NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
|
||||||
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
|
NConfigProvider: typeof import('naive-ui')['NConfigProvider']
|
||||||
NEllipsis: typeof import('naive-ui')['NEllipsis']
|
NEllipsis: typeof import('naive-ui')['NEllipsis']
|
||||||
|
NFormItem: typeof import('naive-ui')['NFormItem']
|
||||||
NH1: typeof import('naive-ui')['NH1']
|
NH1: typeof import('naive-ui')['NH1']
|
||||||
NH3: typeof import('naive-ui')['NH3']
|
NH3: typeof import('naive-ui')['NH3']
|
||||||
NIcon: typeof import('naive-ui')['NIcon']
|
NIcon: typeof import('naive-ui')['NIcon']
|
||||||
|
NInputNumber: typeof import('naive-ui')['NInputNumber']
|
||||||
NLayout: typeof import('naive-ui')['NLayout']
|
NLayout: typeof import('naive-ui')['NLayout']
|
||||||
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
NLayoutSider: typeof import('naive-ui')['NLayoutSider']
|
||||||
NMenu: typeof import('naive-ui')['NMenu']
|
NMenu: typeof import('naive-ui')['NMenu']
|
||||||
|
NScrollbar: typeof import('naive-ui')['NScrollbar']
|
||||||
|
NSwitch: typeof import('naive-ui')['NSwitch']
|
||||||
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
|
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
|
||||||
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
|
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
|
||||||
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
|
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']
|
||||||
|
|
|
@ -8,18 +8,16 @@ const jsonContent = ref(
|
||||||
}`,
|
}`,
|
||||||
);
|
);
|
||||||
|
|
||||||
const conversionResult = computed(() => {
|
const conversionError = computed(() => {
|
||||||
try {
|
try {
|
||||||
linter.parse(jsonContent.value);
|
linter.parse(jsonContent.value);
|
||||||
return JSON.stringify(JSON.parse(jsonContent.value), null, 2);
|
return null;
|
||||||
}
|
}
|
||||||
catch (e: any) {
|
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 = {
|
const MONACO_EDITOR_OPTIONS = {
|
||||||
automaticLayout: true,
|
automaticLayout: true,
|
||||||
formatOnType: true,
|
formatOnType: true,
|
||||||
|
@ -41,15 +39,11 @@ const MONACO_EDITOR_OPTIONS = {
|
||||||
</div>
|
</div>
|
||||||
</c-label>
|
</c-label>
|
||||||
|
|
||||||
<div v-if="errors.length > 0">
|
<div v-if="conversionError">
|
||||||
<n-alert title="The following errors occured" type="error" mt-5>
|
<n-alert title="The following errors occured" type="error" mt-5>
|
||||||
<ul>
|
<pre>
|
||||||
<li v-for="(message, index) of errors" :key="index">
|
{{ conversionError }}
|
||||||
{{ message.message }} (<n-a v-if="message.helpLink" target="_blank" rel="noreferer noopener">
|
</pre>
|
||||||
See JSON help
|
|
||||||
</n-a>)
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</n-alert>
|
</n-alert>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue