From 03a2f71aad937cb59daff03b2c835a0403f58bf8 Mon Sep 17 00:00:00 2001
From: Mathieu Imfeld <imfeldma@gmail.com>
Date: Sat, 30 Dec 2023 11:28:29 +0100
Subject: [PATCH] Fixed some linting complaints

---
 src/frontend/src/components/IdentityDialog.vue | 2 ++
 src/frontend/src/components/ImageDialog.vue    | 2 ++
 src/frontend/src/components/InstanceCard.vue   | 5 ++++-
 src/frontend/src/views/Identities.vue          | 4 ++--
 src/frontend/src/views/Images-Grid.vue         | 5 ++---
 src/frontend/src/views/Images.vue              | 2 +-
 src/frontend/src/views/Instances.vue           | 4 +---
 src/frontend/src/views/Networks.vue            | 4 +---
 8 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/frontend/src/components/IdentityDialog.vue b/src/frontend/src/components/IdentityDialog.vue
index 981ad28..20094e2 100644
--- a/src/frontend/src/components/IdentityDialog.vue
+++ b/src/frontend/src/components/IdentityDialog.vue
@@ -18,6 +18,7 @@ const title = computed( () => {
     case DialogKind.create: return 'Create Identity'
     case DialogKind.modify: return 'Modify Identity'
     case DialogKind.remove: return 'Remove Identity'
+    default: return 'OK'
   }
 })
 const acceptLabel = computed( () => {
@@ -25,6 +26,7 @@ const acceptLabel = computed( () => {
     case DialogKind.create: return 'Save'
     case DialogKind.modify: return 'Modify'
     case DialogKind.remove: return 'Remove'
+    default: return 'OK'
   }
 })
 const legalIdentityKinds = computed(() => [
diff --git a/src/frontend/src/components/ImageDialog.vue b/src/frontend/src/components/ImageDialog.vue
index e3274f3..5b99552 100644
--- a/src/frontend/src/components/ImageDialog.vue
+++ b/src/frontend/src/components/ImageDialog.vue
@@ -19,6 +19,7 @@ const title = computed( () => {
     case DialogKind.create: return 'Create Image'
     case DialogKind.modify: return 'Modify Image'
     case DialogKind.remove: return 'Remove Image'
+    default: return 'OK'
   }
 })
 const acceptLabel = computed( () => {
@@ -26,6 +27,7 @@ const acceptLabel = computed( () => {
     case DialogKind.create: return 'Save'
     case DialogKind.modify: return 'Modify'
     case DialogKind.remove: return 'Remove'
+    default: return 'OK'
   }
 })
 
diff --git a/src/frontend/src/components/InstanceCard.vue b/src/frontend/src/components/InstanceCard.vue
index 6e9c65d..6496d7a 100644
--- a/src/frontend/src/components/InstanceCard.vue
+++ b/src/frontend/src/components/InstanceCard.vue
@@ -16,7 +16,10 @@ let expand = ref()
     <v-expand-transition>
       <div v-if="expand">
         <v-list class="bg-transparent" density="compact">
-          <v-list-item title="MAC"><template v-slot:append>{{ instance.mac }}</template></v-list-item>
+          <v-list-item>
+            <template v-slot:title>{{instance.mac}}</template>
+            <template v-slot:subtitle>MAC</template>
+          </v-list-item>
         </v-list>
       </div>
     </v-expand-transition>
diff --git a/src/frontend/src/views/Identities.vue b/src/frontend/src/views/Identities.vue
index 73e8088..9ef438e 100644
--- a/src/frontend/src/views/Identities.vue
+++ b/src/frontend/src/views/Identities.vue
@@ -98,10 +98,10 @@ onMounted( () => {
           </v-btn>
         </v-toolbar>
       </template>
-      <template v-slot:item.kind="{ value }">
+      <template v-slot:[`item.kind`]="{value}">
         {{ Identity.displayKind(value) }}
       </template>
-      <template v-slot:item.actions="{ item }">
+      <template v-slot:[`item.actions`]="{ item }">
         <v-btn density="compact" :rounded="true" variant="plain">
           <v-icon size="small">mdi-pencil</v-icon>
           <identity-dialog :kind="DialogKind.modify" :input="item" @accept="modifyIdentity"/>
diff --git a/src/frontend/src/views/Images-Grid.vue b/src/frontend/src/views/Images-Grid.vue
index 40cb9c4..05f1a76 100644
--- a/src/frontend/src/views/Images-Grid.vue
+++ b/src/frontend/src/views/Images-Grid.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 
 import {useImagesStore} from "@/store/images";
+import ImageCard from "@/components/ImageCard.vue";
 
 const imagesStore = useImagesStore()
 </script>
@@ -9,9 +10,7 @@ const imagesStore = useImagesStore()
   <v-container class="fill-height">
     <v-responsive class="fill-height">
       <v-row>
-        <v-col v-for="instance in instanceStore.instances">
-          <InstanceCard :instance="instance"/>
-        </v-col>
+        <ImageCard v-for="image in imagesStore.images" :key="image.image_id" :image="image"/>
       </v-row>
     </v-responsive>
   </v-container>
diff --git a/src/frontend/src/views/Images.vue b/src/frontend/src/views/Images.vue
index 9c1498a..20a8fab 100644
--- a/src/frontend/src/views/Images.vue
+++ b/src/frontend/src/views/Images.vue
@@ -89,7 +89,7 @@ onMounted( () => {
           </v-btn>
         </v-toolbar>
       </template>
-      <template v-slot:item.actions="{item}">
+      <template v-slot:[`item.actions`]="{item}">
         <v-btn density="compact" :rounded="true" variant="plain">
           <v-icon size="small">mdi-pencil</v-icon>
           <image-dialog :kind="DialogKind.modify" :input="item" :predefined="imagesStore.predefined_images" @accept="modifyImage"/>
diff --git a/src/frontend/src/views/Instances.vue b/src/frontend/src/views/Instances.vue
index f61105d..2600f6f 100644
--- a/src/frontend/src/views/Instances.vue
+++ b/src/frontend/src/views/Instances.vue
@@ -14,9 +14,7 @@ onMounted( () => {
   <v-container class="fill-height">
     <v-responsive class="fill-height">
       <v-row>
-        <v-col v-for="instance in instanceStore.instances">
-          <InstanceCard :instance="instance"/>
-        </v-col>
+        <InstanceCard v-for="instance in instanceStore.instances" :key="instance.instance_id" :instance="instance"/>
       </v-row>
     </v-responsive>
   </v-container>
diff --git a/src/frontend/src/views/Networks.vue b/src/frontend/src/views/Networks.vue
index e0f4909..9058540 100644
--- a/src/frontend/src/views/Networks.vue
+++ b/src/frontend/src/views/Networks.vue
@@ -14,9 +14,7 @@ onMounted(() => {
   <v-container class="fill-height">
     <v-responsive class="fill-height">
       <v-row>
-        <v-col v-for="net in networksStore.networks">
-          <NetworkCard :net="net"/>
-        </v-col>
+        <NetworkCard v-for="net in networksStore.networks" :key="net.network_id" :net="net"/>
       </v-row>
     </v-responsive>
   </v-container>