Lint fixes

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/dialog/CloneVmDialog.vue

@@ -93,7 +93,11 @@ export default {
     </template>
 
     <template #body>
-      <Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
+      <Checkbox
+        v-model:value="cloneData"
+        class="mb-10"
+        label-key="harvester.modal.cloneVM.type"
+      />
 
       <LabeledInput
         v-show="cloneData"
@@ -104,9 +108,15 @@ export default {
       />
     </template>
 
-    <template #actions class="actions">
+    <template
+      #actions
+      class="actions"
+    >
       <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 
@@ -118,7 +128,10 @@ export default {
         />
       </div>
 
-      <Banner v-for="(err, i) in errors" :key="i"/>
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+      />
     </template>
   </Card>
 </template>

pkg/harvester/dialog/ConfirmRelatedToRemoveDialog.vue

@@ -47,7 +47,7 @@ export default {
     },
 
     names() {
-      return this.resources.map(obj => obj.nameDisplay).slice(0, 5);
+      return this.resources.map((obj) => obj.nameDisplay).slice(0, 5);
     },
 
     resourceNames() {
@@ -131,7 +131,10 @@ export default {
 </script>
 
 <template>
-  <Card class="prompt-related" :show-highlight-border="false">
+  <Card
+    class="prompt-related"
+    :show-highlight-border="false"
+  >
     <template #title>
       <h4 class="text-default-text">
         {{ t('promptRemove.title') }}
@@ -152,19 +155,34 @@ export default {
         <div class="mb-10">
           <CopyToClipboardText :text="nameToMatch" />
         </div>
-        <input id="confirm" v-model="confirmName" type="text" />
+        <input
+          id="confirm"
+          v-model="confirmName"
+          type="text"
+        />
         <div class="text-info mt-20">
           {{ protip }}
         </div>
-        <Banner v-for="(error, i) in errors" :key="i"/>
+        <Banner
+          v-for="(error, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
 
     <template #actions>
-      <button class="btn role-secondary mr-10" @click="close">
+      <button
+        class="btn role-secondary mr-10"
+        @click="close"
+      >
         {{ t('generic.cancel') }}
       </button>
-      <AsyncButton mode="delete" class="btn bg-error ml-10" :disabled="deleteDisabled" @click="remove" />
+      <AsyncButton
+        mode="delete"
+        class="btn bg-error ml-10"
+        :disabled="deleteDisabled"
+        @click="remove"
+      />
     </template>
   </Card>
 </template>

pkg/harvester/dialog/DeepCloneVmDialog.vue

@@ -93,7 +93,11 @@ export default {
     </template>
 
     <template #body>
-      <Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
+      <Checkbox
+        v-model:value="cloneData"
+        class="mb-10"
+        label-key="harvester.modal.cloneVM.type"
+      />
 
       <LabeledInput
         v-show="cloneData"
@@ -107,7 +111,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -119,7 +126,12 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/EnablePciPassthrough.vue

@@ -99,11 +99,17 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
-          <AsyncButton mode="enable" @click="save" />
+          <AsyncButton
+            mode="enable"
+            @click="save"
+          />
         </div>
       </div>
     </template>

pkg/harvester/dialog/EnableSriovDevice.vue

@@ -86,11 +86,17 @@ export default {
 
     <template #actions>
       <div class="buttons actions">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 
-        <AsyncButton mode="enable" @click="save" />
+        <AsyncButton
+          mode="enable"
+          @click="save"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/EnableUSBPassthrough.vue

@@ -99,11 +99,17 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
-          <AsyncButton mode="enable" @click="save" />
+          <AsyncButton
+            mode="enable"
+            @click="save"
+          />
         </div>
       </div>
     </template>

pkg/harvester/dialog/EnableVGpuDevice.vue

@@ -83,11 +83,18 @@ export default {
 
     <template #actions>
       <div class="buttons actions">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 
-        <AsyncButton mode="edit" :disabled="!type" @click="save" />
+        <AsyncButton
+          mode="edit"
+          :disabled="!type"
+          @click="save"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterAddHotplugModal.vue

@@ -43,7 +43,7 @@ export default {
     ...mapGetters({ t: 'i18n/t' }),
 
     PVCs() {
-      return this.allPVCs.filter(P => this.actionResource.metadata.namespace === P.metadata.namespace) || [];
+      return this.allPVCs.filter((P) => this.actionResource.metadata.namespace === P.metadata.namespace) || [];
     },
 
     actionResource() {
@@ -111,7 +111,11 @@ export default {
 </script>
 
 <template>
-  <Card ref="modal" name="modal" :show-highlight-border="false">
+  <Card
+    ref="modal"
+    name="modal"
+    :show-highlight-border="false"
+  >
     <template #title>
       <h4
         v-clean-html="t('harvester.modal.hotplug.title')"
@@ -138,7 +142,11 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button type="button" class="btn role-secondary mr-10" @click="close">
+          <button
+            type="button"
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -149,7 +157,10 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterBackupModal.vue

@@ -98,20 +98,36 @@ export default {
     </template>
 
     <template #body>
-      <LabeledInput v-model:value="backUpName" :label="t('generic.name')" required />
+      <LabeledInput
+        v-model:value="backUpName"
+        :label="t('generic.name')"
+        required
+      />
     </template>
 
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
-          <AsyncButton mode="create" :disabled="!backUpName" @click="save" />
+          <AsyncButton
+            mode="create"
+            :disabled="!backUpName"
+            @click="save"
+          />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterCloneTemplate.vue

@@ -103,7 +103,11 @@ export default {
     </template>
 
     <template #body>
-      <Checkbox v-model:value="withData" class="mb-10" label="With Data" />
+      <Checkbox
+        v-model:value="withData"
+        class="mb-10"
+        label="With Data"
+      />
 
       <LabeledInput
         v-model:value="templateName"
@@ -121,7 +125,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -132,7 +139,10 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterEjectCDROMDialog.vue

@@ -118,7 +118,9 @@ export default {
 
       <div>
         <Checkbox
-           v-for="(disk, i) in allDisk" :key="i" v-model:value="disk.value"
+          v-for="(disk, i) in allDisk"
+          :key="i"
+          v-model:value="disk.value"
           :label="disk.name"
         />
       </div>
@@ -131,7 +133,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -143,7 +148,12 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterExportImageDialog.vue

@@ -34,7 +34,7 @@ export default {
 
     await allHash(hash);
 
-    const defaultStorage = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS).find(s => s.isDefault);
+    const defaultStorage = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS).find((s) => s.isDefault);
 
     this['storageClassName'] = defaultStorage?.metadata?.name || 'longhorn';
   },
@@ -58,7 +58,7 @@ export default {
     },
 
     namespaces() {
-      const choices = this.$store.getters['harvester/all'](NAMESPACE).filter( N => !N.isSystem);
+      const choices = this.$store.getters['harvester/all'](NAMESPACE).filter( (N) => !N.isSystem);
 
       const out = sortBy(
         choices.map((obj) => {
@@ -81,7 +81,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const storages = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS);
 
-      const out = storages.filter(s => !s.parameters?.backingImage).map((s) => {
+      const out = storages.filter((s) => !s.parameters?.backingImage).map((s) => {
         const label = s.isDefault ? `${ s.name } (${ this.t('generic.default') })` : s.name;
 
         return {
@@ -169,7 +169,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -180,7 +183,10 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterMaintenanceDialog.vue

@@ -10,7 +10,7 @@ import { ucFirst } from '@shell/utils/string';
 
 export default {
   emits: ['close'],
-  
+
   components: {
     Card,
     Checkbox,
@@ -110,13 +110,29 @@ export default {
         />
       </div>
 
-      <Banner color="warning" :label="t('harvester.host.enableMaintenance.protip')" />
+      <Banner
+        color="warning"
+        :label="t('harvester.host.enableMaintenance.protip')"
+      />
 
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="ucFirst(err)" />
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+        color="error"
+        :label="ucFirst(err)"
+      />
 
-      <Banner v-if="!force" class="mt-0" color="warning" :labelKey="'harvester.host.enableMaintenance.shutDownVMs'" />
+      <Banner
+        v-if="!force"
+        class="mt-0"
+        color="warning"
+        :label-key="'harvester.host.enableMaintenance.shutDownVMs'"
+      />
 
-      <div v-for="(unhealthyVM, i) in unhealthyVMs" :key="i">
+      <div
+        v-for="(unhealthyVM, i) in unhealthyVMs"
+        :key="i"
+      >
         <Banner color="error mt-0 mb-5">
           <p>
             {{ ucFirst(unhealthyVM.message) }}
@@ -125,7 +141,9 @@ export default {
 
         <div class="vm-list mb-5">
           <BadgeState
-             v-for="(vm, k) in unhealthyVM.vms" :key="k" color="bg-error mb-5 mr-5"
+            v-for="(vm, k) in unhealthyVM.vms"
+            :key="k"
+            color="bg-error mb-5 mr-5"
             :label="vm"
           />
         </div>
@@ -135,7 +153,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 

pkg/harvester/dialog/HarvesterMigrationDialog.vue

@@ -13,7 +13,7 @@ import { HCI } from '../types';
 
 export default {
   emits: ['close'],
-  
+
   components: {
     AsyncButton, Banner, Card, LabeledSelect
   },
@@ -65,7 +65,7 @@ export default {
     vmi() {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const vmiResources = this.$store.getters[`${ inStore }/all`](HCI.VMI);
-      const resource = vmiResources.find(VMI => VMI.id === this.actionResource?.id) || null;
+      const resource = vmiResources.find((VMI) => VMI.id === this.actionResource?.id) || null;
 
       return resource;
     },
@@ -150,7 +150,11 @@ export default {
     </template>
 
     <template #body>
-      <Banner v-if="actionResource?.isCpuPinning" color="warning" :label="cpuPinningAlertMessage" />
+      <Banner
+        v-if="actionResource?.isCpuPinning"
+        color="warning"
+        :label="cpuPinningAlertMessage"
+      />
       <LabeledSelect
         v-model:value="nodeName"
         :label="t('harvester.modal.migration.fields.nodeName.label')"
@@ -159,9 +163,15 @@ export default {
       />
     </template>
 
-    <template #actions class="actions">
+    <template
+      #actions
+      class="actions"
+    >
       <div class="buttons">
-        <button class="btn role-secondary mr-10" @click="close">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
           {{ t('generic.cancel') }}
         </button>
 
@@ -171,7 +181,12 @@ export default {
           @click="apply"
         />
       </div>
-      <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+      <Banner
+        v-for="(err, i) in errors"
+        :key="i"
+        color="error"
+        :label="err"
+      />
     </template>
   </Card>
 </template>

pkg/harvester/dialog/HarvesterQuotaDialog.vue

@@ -100,12 +100,20 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
           <AsyncButton @click="save" />
         </div>
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterRestoreDialog.vue

@@ -141,7 +141,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -152,7 +155,10 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterSupportBundle.vue

@@ -157,7 +157,9 @@ export default {
         </div>
 
         <div
-          v-for="(err, idx) in errors" :key="idx">
+          v-for="(err, idx) in errors"
+          :key="idx"
+        >
           <Banner
             color="error"
             :label="stringify(err)"

pkg/harvester/dialog/HarvesterUnplugVolume.vue

@@ -80,7 +80,11 @@ export default {
 </script>
 
 <template>
-  <Card ref="modal" name="modal" :show-highlight-border="false">
+  <Card
+    ref="modal"
+    name="modal"
+    :show-highlight-border="false"
+  >
     <template #title>
       <h4
         v-clean-html="t('harvester.virtualMachine.unplug.title', { name: diskName })"
@@ -91,7 +95,11 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button type="button" class="btn role-secondary mr-10" @click="close">
+          <button
+            type="button"
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -104,7 +112,12 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterVMSnapshotDialog.vue

@@ -121,21 +121,40 @@ export default {
     </template>
 
     <template #body>
-      <LabeledInput v-model:value="actionResource.metadata.namespace" :disabled="true" :label="t('generic.namespace')" />
-      <LabeledInput v-model:value="snapshotName" class="mt-20" :label="t('generic.name')" required />
+      <LabeledInput
+        v-model:value="actionResource.metadata.namespace"
+        :disabled="true"
+        :label="t('generic.namespace')"
+      />
+      <LabeledInput
+        v-model:value="snapshotName"
+        class="mt-20"
+        :label="t('generic.name')"
+        required
+      />
     </template>
 
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
-          <AsyncButton mode="create" :disabled="!snapshotName" @click="save" />
+          <AsyncButton
+            mode="create"
+            :disabled="!snapshotName"
+            @click="save"
+          />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/HarvesterVlanConfigMigrateDialog.vue

@@ -12,7 +12,7 @@ import LabeledSelect from '@shell/components/form/LabeledSelect';
 
 export default {
   emits: ['close'],
-  
+
   components: {
     AsyncButton,
     Banner,
@@ -112,7 +112,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
 
@@ -123,7 +126,10 @@ export default {
           />
         </div>
 
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/MessageBox.vue

@@ -35,7 +35,11 @@ export default {
 </script>
 
 <template>
-  <Card ref="modal" name="modal" :show-highlight-border="false">
+  <Card
+    ref="modal"
+    name="modal"
+    :show-highlight-border="false"
+  >
     <template #title>
       <h4 class="text-default-text">
         {{ t('generic.tip') }}
@@ -49,7 +53,11 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button type="button" class="btn role-secondary mr-10" @click="ok">
+          <button
+            type="button"
+            class="btn role-secondary mr-10"
+            @click="ok"
+          >
             {{ t('generic.ok') }}
           </button>
         </div>

pkg/harvester/dialog/RestartVMDialog.vue

@@ -8,7 +8,7 @@ import AppModal from '@shell/components/AppModal';
 
 export default {
   emits: ['close'],
-  
+
   components: {
     AppModal,
     Card,
@@ -75,7 +75,9 @@ export default {
       <template #actions>
         <div class="bottom">
           <Banner
-            v-for="(err, i) in errors" :key="i" color="error"
+            v-for="(err, i) in errors"
+            :key="i"
+            color="error"
             :label="err"
           />
           <div class="buttons">

pkg/harvester/dialog/RestoreSnapshotDialog.vue

@@ -12,8 +12,8 @@ import { allHash } from '@shell/utils/promise';
 import { STORAGE_CLASS } from '@shell/config/types';
 
 export default {
-  name:       'HarvesterRestoreSnapshotDialog',
-  
+  name: 'HarvesterRestoreSnapshotDialog',
+
   emits: ['close'],
 
   components: {
@@ -45,7 +45,7 @@ export default {
     await allHash(hash);
 
     if (this.showStorageClass) {
-      const defaultStorage = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS).find(s => s.isDefault);
+      const defaultStorage = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS).find((s) => s.isDefault);
 
       const currentStorageName = this.resources[0].metadata?.annotations[HCI_ANNOTATIONS.STORAGE_CLASS];
 
@@ -66,7 +66,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const storages = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS);
 
-      const out = storages.filter(s => !s.parameters?.backingImage).filter((s) => {
+      const out = storages.filter((s) => !s.parameters?.backingImage).filter((s) => {
         return s.provisioner === this.actionResource.metadata?.annotations[HCI_ANNOTATIONS.STORAGE_PROVISIONER];
       }).map((s) => {
         const label = s.isDefault ? `${ s.name } (${ this.t('generic.default') })` : s.name;
@@ -127,7 +127,6 @@ export default {
 </script>
 <template>
   <Card :show-highlight-border="false">
-
     <template #title>
       {{ t('harvester.modal.restoreSnapshot.title') }}
     </template>
@@ -151,7 +150,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
           <AsyncButton
@@ -160,7 +162,10 @@ export default {
             @click="save"
           />
         </div>
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/SnapshotDialog.vue

@@ -6,7 +6,7 @@ import { Banner } from '@components/Banner';
 import AsyncButton from '@shell/components/AsyncButton';
 import { LabeledInput } from '@components/Form/LabeledInput';
 export default {
-  name:       'HarvesterSnapshotDialog',
+  name: 'HarvesterSnapshotDialog',
 
   emits: ['close'],
 
@@ -84,7 +84,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
           <AsyncButton
@@ -93,7 +96,12 @@ export default {
             @click="save"
           />
         </div>
-        <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
+        />
       </div>
     </template>
   </Card>

pkg/harvester/dialog/VolumeCloneDialog.vue

@@ -8,7 +8,7 @@ import { LabeledInput } from '@components/Form/LabeledInput';
 import { Checkbox } from '@components/Form/Checkbox';
 
 export default {
-  name:       'HarvesterPvcCloneDialog',
+  name: 'HarvesterPvcCloneDialog',
 
   emits: ['close'],
 
@@ -85,7 +85,11 @@ export default {
     </template>
 
     <template #body>
-      <Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
+      <Checkbox
+        v-model:value="cloneData"
+        class="mb-10"
+        label-key="harvester.modal.cloneVM.type"
+      />
 
       <LabeledInput
         v-show="cloneData"
@@ -99,7 +103,10 @@ export default {
     <template #actions>
       <div class="actions">
         <div class="buttons">
-          <button class="btn role-secondary mr-10" @click="close">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
             {{ t('generic.cancel') }}
           </button>
           <AsyncButton
@@ -108,7 +115,10 @@ export default {
             @click="save"
           />
         </div>
-        <Banner v-for="(err, i) in errors" :key="i"/>
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+        />
       </div>
     </template>
   </Card>