From e5b3499077542ba70eb7ba0016e55b9caaccf901 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Tue, 11 Oct 2022 22:24:59 +0200
Subject: [PATCH] add vuejs key on loops and apply a lint

---
 src/SideMenu.vue               | 3 ++-
 src/SideMenuBig.vue            | 3 ++-
 src/SideMenuWithCategories.vue | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/SideMenu.vue b/src/SideMenu.vue
index b369f87..b90126a 100644
--- a/src/SideMenu.vue
+++ b/src/SideMenu.vue
@@ -40,8 +40,9 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
 
         <ul class="side-menu-apps-list">
             <SideMenuApp
-                v-for="app in apps"
+                v-for="(app, key) in apps"
                 v-bind:classes="{'side-menu-app': true, 'active': app.active}"
+                v-bind:key="key"
                 v-bind:icon="app.icon"
                 v-bind:label="app.name"
                 v-bind:href="app.href"
diff --git a/src/SideMenuBig.vue b/src/SideMenuBig.vue
index d1f0b1f..b35406a 100644
--- a/src/SideMenuBig.vue
+++ b/src/SideMenuBig.vue
@@ -33,12 +33,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <div class="side-menu-categories">
                 <Loader v-if="!items.length" />
 
-                <div class="side-menu-category" v-for="category in items">
+                <div class="side-menu-category" v-for="(category, key) in items" v-bind:key="key">
                     <h2 class="side-menu-category-title" v-if="category.name != ''" v-text="category.name"></h2>
 
                     <ul class="side-menu-apps-list">
                         <SideMenuBigApp
                             v-for="(app, appId) in category.apps"
+                            v-bind:key="appId"
                             v-bind:classes="{'side-menu-app': true, 'active': activeApp === appId}"
                             v-bind:icon="app.icon"
                             v-bind:label="app.name"
diff --git a/src/SideMenuWithCategories.vue b/src/SideMenuWithCategories.vue
index e0a3c41..e9abb4b 100644
--- a/src/SideMenuWithCategories.vue
+++ b/src/SideMenuWithCategories.vue
@@ -31,12 +31,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <div class="side-menu-categories">
                 <Loader v-if="!items.length" />
 
-                <div class="side-menu-category" v-for="category in items">
+                <div class="side-menu-category" v-for="(category, key) in items" v-bind:key="key">
                     <h2 class="side-menu-category-title" v-if="category.name != ''" v-text="category.name"></h2>
 
                     <ul class="side-menu-apps-list">
                         <SideMenuBigApp
                             v-for="(app, appId) in category.apps"
+                            v-bind:key="appId"
                             v-bind:classes="{'side-menu-app': true, 'active': activeApp === appId}"
                             v-bind:icon="app.icon"
                             v-bind:label="app.name"