diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-07-12 15:27:46 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-07-12 15:27:46 +1000 |
| commit | 9e5947680addb448ce844814fb480daeb45142ef (patch) | |
| tree | 1fcc6d29f738f9593d764115d21b6ed1f962b4c1 /src/components/TileInfoModal.vue | |
| parent | 25895936f66ac50d27eaf9c45bcbb6833e52a033 (diff) | |
Increase adherence to Vue's Style Guide
Make components have multi-word names.
Make all <v-for>s have a 'key' attribute.
Use scoped styles.
Also add sourcemap generation.
Diffstat (limited to 'src/components/TileInfoModal.vue')
| -rw-r--r-- | src/components/TileInfoModal.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue index 053604c..ca224bf 100644 --- a/src/components/TileInfoModal.vue +++ b/src/components/TileInfoModal.vue @@ -29,7 +29,8 @@ <div> (This is a compound node. The details below describe two descendants) </div> </div> </div> - <div v-for="idx in (nodes.length == 1 ? [0] : [0, 1])" class="border-t border-stone-400 p-2 md:p-3 clear-both"> + <div v-for="idx in (nodes.length == 1 ? [0] : [0, 1])" :key="nodes[idx]!.otolId!" + class="border-t border-stone-400 p-2 md:p-3 clear-both"> <h1 v-if="nodes.length > 1" class="text-center font-bold mb-1"> {{getDisplayName(subNames![idx], nodes[idx])}} </h1> |