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/SearchModal.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/SearchModal.vue')
| -rw-r--r-- | src/components/SearchModal.vue | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/src/components/SearchModal.vue b/src/components/SearchModal.vue index e90707a..5d6345e 100644 --- a/src/components/SearchModal.vue +++ b/src/components/SearchModal.vue @@ -9,7 +9,7 @@ <search-icon @click.stop="onSearch" class="w-8 h-8"/> </div> <div class="absolute top-[100%] w-full overflow-hidden" :style="suggContainerStyles"> - <div v-for="(sugg, idx) of searchSuggs" + <div v-for="(sugg, idx) of searchSuggs" :key="sugg.name + '|' + sugg.canonicalName" :style="{backgroundColor: idx == focusedSuggIdx ? uiOpts.bgColorAltDark : uiOpts.bgColorAlt}" class="border-b p-1 px-2 hover:underline hover:cursor-pointer flex" @click="resolveSearch(sugg.canonicalName || sugg.name)"> |