github
/
homer
mirror of https://github.com/bastienwirtz/homer
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed issue where v-for keys could clash if two groups had the same name

pull/439/head
Evan Steinkerchner 2022-04-28 17:07:52 -04:00
parent 2c79b4f0f6
commit 4d35b1fdcc
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/App.vue
View File

@ -69,8 +69,11 @@
<!-- Horizontal layout -->
<div v-if="!vlayout || filter" class="columns is-multiline">
<template v-for="group in services">
<h2 v-if="group.name" class="column is-full group-title">
<template v-for="(group, groupIndex) in services">
<h2
v-if="group.name"
class="column is-full group-title"
:key="`header-${groupIndex}`">
<i v-if="group.icon" :class="['fa-fw', group.icon]"></i>
<div v-else-if="group.logo" class="group-logo media-left">
<figure class="image is-48x48">
@ -81,7 +84,7 @@
</h2>
<Service
v-for="(item, index) in group.items"
:key="index"
:key="`service-${groupIndex}-${index}`"
:item="item"
:proxy="config.proxy"
:class="['column', `is-${12 / config.columns}`]"
@ -96,8 +99,8 @@
>
<div
:class="['column', `is-${12 / config.columns}`]"
v-for="group in services"
:key="group.name"
v-for="(group, groupIndex) in services"
:key="groupIndex"
>
<h2 v-if="group.name" class="group-title">
<i v-if="group.icon" :class="['fa-fw', group.icon]"></i>