diff options
-rw-r--r-- | src/App.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/App.vue b/src/App.vue index fda13c3..042fb07 100644 --- a/src/App.vue +++ b/src/App.vue | |||
@@ -69,8 +69,11 @@ | |||
69 | 69 | ||
70 | <!-- Horizontal layout --> | 70 | <!-- Horizontal layout --> |
71 | <div v-if="!vlayout || filter" class="columns is-multiline"> | 71 | <div v-if="!vlayout || filter" class="columns is-multiline"> |
72 | <template v-for="group in services"> | 72 | <template v-for="(group, groupIndex) in services"> |
73 | <h2 v-if="group.name" class="column is-full group-title"> | 73 | <h2 |
74 | v-if="group.name" | ||
75 | class="column is-full group-title" | ||
76 | :key="`header-${groupIndex}`"> | ||
74 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 77 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |
75 | <div v-else-if="group.logo" class="group-logo media-left"> | 78 | <div v-else-if="group.logo" class="group-logo media-left"> |
76 | <figure class="image is-48x48"> | 79 | <figure class="image is-48x48"> |
@@ -81,7 +84,7 @@ | |||
81 | </h2> | 84 | </h2> |
82 | <Service | 85 | <Service |
83 | v-for="(item, index) in group.items" | 86 | v-for="(item, index) in group.items" |
84 | :key="index" | 87 | :key="`service-${groupIndex}-${index}`" |
85 | :item="item" | 88 | :item="item" |
86 | :proxy="config.proxy" | 89 | :proxy="config.proxy" |
87 | :class="['column', `is-${12 / config.columns}`]" | 90 | :class="['column', `is-${12 / config.columns}`]" |
@@ -96,8 +99,8 @@ | |||
96 | > | 99 | > |
97 | <div | 100 | <div |
98 | :class="['column', `is-${12 / config.columns}`]" | 101 | :class="['column', `is-${12 / config.columns}`]" |
99 | v-for="group in services" | 102 | v-for="(group, groupIndex) in services" |
100 | :key="group.name" | 103 | :key="groupIndex" |
101 | > | 104 | > |
102 | <h2 v-if="group.name" class="group-title"> | 105 | <h2 v-if="group.name" class="group-title"> |
103 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> | 106 | <i v-if="group.icon" :class="['fa-fw', group.icon]"></i> |