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