use a Vue key so file paths update correctly

fi3ework · Aug 21, 2024 · 88dc969 · 88dc969
1 parent b2c3236
commit 88dc969
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/runtime/src/components/Checker.ce.vue b/packages/runtime/src/components/Checker.ce.vue
@@ -5,11 +5,19 @@ defineProps<{
   diagnostics?: any[]
   base: string
 }>()
+
+const key = (diagnostic: any): string => {
+  if (diagnostic.loc) {
+    return `${diagnostic.loc.file}-${diagnostic.loc.line}-${diagnostic.loc.column}`;
+  } else {
+    return diagnostic.id;
+  }
+}
 </script>
 
 <template>
   <ul>
-    <Diagnostic v-for="d in diagnostics" :diagnostic="d" :base="base" />
+    <Diagnostic v-for="d in diagnostics" :diagnostic="d" :base="base" :key="key(d)" />
   </ul>
 </template>