feat: improve error reporting

ast-grep · Apr 29, 2024 · 19b394e · 19b394e
1 parent c01a108
commit 19b394e
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/website/src/components/EnvDisplay.vue b/website/src/components/EnvDisplay.vue
@@ -24,7 +24,16 @@ function increment() {
 function decrement() {
   currentIndex.value = (currentIndex.value + props.envs.length - 1) % props.envs.length
 }
-</script>>
+let prettyError = computed(() => {
+  if (!props.error) {
+    return ''
+  }
+  // remove leading `Error: ` inject by serde-json
+  return props.error
+    .replace(/^(Error: )*/, '')
+    .split('\n').filter(Boolean).join('\n╰▻ ') // add line break
+})
+</script>
 
 <template>
 <div class="var-debugger">
@@ -52,7 +61,7 @@ function decrement() {
     <button @click="increment">Next Match</button>
   </div>
   <div v-if="error" class="error-msg">
-    ⚠ {{error}}
+    ⚠ {{prettyError}}
   </div>
 </div>
 </template>
@@ -88,5 +97,6 @@ function decrement() {
   background: var(--vp-custom-block-danger-bg);
   margin-top: 5px;
   color: var(--vp-c-danger-1);
+  white-space: pre-wrap;
 }
 </style>