From 4626d56acdf572ec49bfa24d8ad67725d1ad3181 Mon Sep 17 00:00:00 2001
From: Francesco Torchia <francesco.torchia@suse.com>
Date: Wed, 30 Oct 2024 20:11:28 +0100
Subject: [PATCH] Lint fixes

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
---
 pkg/harvester/components/DiskTags.vue         |   6 +-
 pkg/harvester/components/FilterBySriov.vue    |  15 +-
 pkg/harvester/components/FilterLabel.vue      |  33 +-
 pkg/harvester/components/FilterVMSchedule.vue |  23 +-
 pkg/harvester/components/HarvesterUpgrade.vue |   6 +-
 .../components/HarvesterUpgradeHeader.vue     |  81 ++-
 .../HarvesterUpgradeProgressBarList.vue       |  27 +-
 .../components/SerialConsole/index.vue        |   7 +-
 pkg/harvester/components/SettingList.vue      |  65 ++-
 pkg/harvester/components/UpgradeInfo.vue      |  10 +-
 .../components/novnc/NovncConsole.vue         |   8 +-
 .../novnc/NovncConsoleCustomKeys.vue          |  40 +-
 .../components/novnc/NovncConsoleItem.vue     |  25 +-
 .../components/novnc/NovncConsoleWrapper.vue  |  37 +-
 .../components/settings/backup-target.vue     |  35 +-
 .../settings/containerd-registry.vue          |  34 +-
 .../components/settings/csi-driver-config.vue |  20 +-
 .../components/settings/http-proxy.vue        |  10 +-
 .../components/settings/storage-network.vue   |  18 +-
 .../settings/support-bundle-image.vue         |   7 +-
 .../settings/vm-force-reset-policy.vue        |   5 +-
 pkg/harvester/config/doc-links.js             |   2 +-
 pkg/harvester/config/harvester-cluster.js     | 536 +++++++++---------
 .../HarvesterHostBasic.vue                    |  61 +-
 .../HarvesterHostDisk.vue                     |  24 +-
 .../HarvesterKsmtuned.vue                     |  96 +++-
 .../harvesterhci.io.host/HarvesterSeeder.vue  |   4 +-
 .../VirtualMachineInstance.vue                |  18 +-
 .../harvesterhci.io.host/VlanStatus/index.vue |   2 +-
 .../detail/harvesterhci.io.host/index.vue     |  40 +-
 .../BackupList.vue                            |   6 +-
 .../SnapshotList.vue                          |   4 +-
 .../index.vue                                 |   6 +-
 .../detail/harvesterhci.io.secret.vue         |   8 +-
 .../index.vue                                 |  79 ++-
 .../index.vue                                 |  69 ++-
 .../harvesterhci.io.vmsnapshot/index.vue      |  79 ++-
 .../VirtualMachineBasics.vue                  |  79 ++-
 .../VirtualMachineKeypairs.vue                |  23 +-
 .../VirtualMachineMigration.vue               |  20 +-
 .../kubevirt.io.virtualmachine/index.vue      | 116 +++-
 .../loadbalancer.harvesterhci.io.ippool.vue   |   6 +-
 ...dbalancer.harvesterhci.io.loadbalancer.vue |  12 +-
 .../network.harvesterhci.io.vlanconfig.vue    |   6 +-
 pkg/harvester/dialog/CloneVmDialog.vue        |  21 +-
 .../dialog/ConfirmRelatedToRemoveDialog.vue   |  30 +-
 pkg/harvester/dialog/DeepCloneVmDialog.vue    |  18 +-
 pkg/harvester/dialog/EnablePciPassthrough.vue |  10 +-
 pkg/harvester/dialog/EnableSriovDevice.vue    |  10 +-
 pkg/harvester/dialog/EnableUSBPassthrough.vue |  10 +-
 pkg/harvester/dialog/EnableVGpuDevice.vue     |  11 +-
 .../dialog/HarvesterAddHotplugModal.vue       |  19 +-
 pkg/harvester/dialog/HarvesterBackupModal.vue |  24 +-
 .../dialog/HarvesterCloneTemplate.vue         |  16 +-
 .../dialog/HarvesterEjectCDROMDialog.vue      |  16 +-
 .../dialog/HarvesterExportImageDialog.vue     |  16 +-
 .../dialog/HarvesterMaintenanceDialog.vue     |  35 +-
 .../dialog/HarvesterMigrationDialog.vue       |  27 +-
 pkg/harvester/dialog/HarvesterQuotaDialog.vue |  12 +-
 .../dialog/HarvesterRestoreDialog.vue         |  10 +-
 .../dialog/HarvesterSupportBundle.vue         |   4 +-
 .../dialog/HarvesterUnplugVolume.vue          |  19 +-
 .../dialog/HarvesterVMSnapshotDialog.vue      |  29 +-
 .../HarvesterVlanConfigMigrateDialog.vue      |  12 +-
 pkg/harvester/dialog/MessageBox.vue           |  12 +-
 pkg/harvester/dialog/RestartVMDialog.vue      |   6 +-
 .../dialog/RestoreSnapshotDialog.vue          |  19 +-
 pkg/harvester/dialog/SnapshotDialog.vue       |  14 +-
 pkg/harvester/dialog/VolumeCloneDialog.vue    |  18 +-
 .../nvidia-driver-toolkit.vue                 |  10 +-
 .../harvesterhci.io.addon/rancher-logging.vue |  14 +-
 .../rancher-monitoring.vue                    |  28 +-
 .../vm-import-controller.vue                  |   4 +-
 .../edit/harvesterhci.io.cloudtemplate.vue    |   8 +-
 .../harvesterhci.io.host/HarvesterDisk.vue    |  30 +-
 .../HarvesterKsmtuned.vue                     |  14 +-
 .../harvesterhci.io.host/HarvesterSeeder.vue  |   6 +-
 .../edit/harvesterhci.io.host/index.vue       |  75 ++-
 .../edit/harvesterhci.io.keypair.vue          |  15 +-
 .../harvesterhci.io.logging.clusterflow.vue   |   2 +-
 .../harvesterhci.io.logging.clusteroutput.vue |   2 +-
 .../edit/harvesterhci.io.logging.output.vue   |  49 +-
 .../index.vue                                 |   6 +-
 ...sterhci.io.networkattachmentdefinition.vue |  17 +-
 .../edit/harvesterhci.io.schedulevmbackup.vue |  23 +-
 pkg/harvester/edit/harvesterhci.io.secret.vue |   4 +-
 .../edit/harvesterhci.io.setting.vue          |  15 +-
 .../edit/harvesterhci.io.storage/index.vue    |  27 +-
 .../provisioners/driver.longhorn.io_v1.vue    |  19 +-
 .../provisioners/driver.longhorn.io_v2.vue    |  19 +-
 .../lvm.driver.harvesterhci.io.vue            |  18 +-
 .../harvesterhci.io.virtualmachinebackup.vue  |  12 +-
 .../harvesterhci.io.virtualmachineimage.vue   |  37 +-
 ...erhci.io.virtualmachinetemplateversion.vue |  75 ++-
 .../edit/harvesterhci.io.vmsnapshot.vue       |  28 +-
 pkg/harvester/edit/harvesterhci.io.volume.vue | 121 +++-
 .../edit/harvesterhci.io.volumesnapshot.vue   |  41 +-
 .../CompatibilityMatrix.vue                   |  20 +-
 .../AccessCredentialsUsers.vue                |   2 +-
 .../VirtualMachineAccessCredentials/index.vue |  27 +-
 .../type/basicAuth.vue                        |  11 +-
 .../type/sshkey.vue                           |   4 +-
 .../DataTemplate.vue                          |   5 +-
 .../VirtualMachineCloudConfig/index.vue       |   2 +-
 .../VirtualMachineCpuMemory.vue               |  16 +-
 .../VirtualMachineNetwork/base.vue            |  16 +-
 .../VirtualMachineNetwork/index.vue           |  21 +-
 .../VirtualMachinePciDevices/DeviceList.vue   |  27 +-
 .../VirtualMachinePciDevices/index.vue        |  55 +-
 .../VirtualMachineReserved.vue                |   4 +-
 .../VirtualMachineSSHKey.vue                  |   6 +-
 .../VirtualMachineUSBDevices/DeviceList.vue   |  27 +-
 .../VirtualMachineUSBDevices/index.vue        |  53 +-
 .../VirtualMachineVGpuDevices/index.vue       |  34 +-
 .../VirtualMachineVolume/index.vue            |  12 +-
 .../VirtualMachineVolume/type/container.vue   |   2 +-
 .../VirtualMachineVolume/type/existing.vue    |   8 +-
 .../VirtualMachineVolume/type/vmImage.vue     |  17 +-
 .../VirtualMachineVolume/type/volume.vue      |  24 +-
 .../edit/kubevirt.io.virtualmachine/index.vue |  77 ++-
 .../Priority.vue                              |  17 +-
 .../PriorityRow.vue                           |  21 +-
 .../Range.vue                                 |  34 +-
 .../Selector.vue                              |   4 +-
 .../index.vue                                 |   2 +-
 .../HealthCheck.vue                           |   9 +-
 .../Listeners.vue                             |  28 +-
 .../index.vue                                 |  12 +-
 .../edit/management.cattle.io.project.vue     |   6 +-
 .../index.vue                                 |   2 +-
 .../NodeSelector.vue                          |   2 +-
 .../index.vue                                 |  36 +-
 pkg/harvester/formatters/AttachVMWithName.vue |   2 +-
 .../formatters/BackupCreatedFrom.vue          |  12 +-
 .../formatters/HarvesterBackupProgressBar.vue |   7 +-
 .../HarvesterBackupTargetValidation.vue       |   7 +-
 .../formatters/HarvesterCPUPinning.vue        |  12 +-
 .../formatters/HarvesterDiskState.vue         |   4 +-
 pkg/harvester/formatters/HarvesterHost.vue    |   5 +-
 .../formatters/HarvesterIpAddress.vue         |  16 +-
 .../formatters/HarvesterListener.vue          |   4 +-
 .../formatters/HarvesterMigrationState.vue    |   7 +-
 .../formatters/HarvesterStorageUsed.vue       |   2 +-
 .../formatters/HarvesterVFAddress.vue         |   8 +-
 .../formatters/HarvesterVGpuDevices.vue       |   8 +-
 pkg/harvester/formatters/HarvesterVmState.vue |  18 +-
 .../formatters/NetworkRouteConnectivity.vue   |  17 +-
 .../formatters/SnapshotTargetVolume.vue       |   2 +-
 pkg/harvester/formatters/StateWithPopover.vue |   4 +-
 .../devices.harvesterhci.io.pcidevice.vue     |   8 +-
 ...devices.harvesterhci.io.sriovgpudevice.vue |   4 +-
 .../devices.harvesterhci.io.usbdevice.vue     |   8 +-
 .../devices.harvesterhci.io.vgpudevice.vue    |  12 +-
 pkg/harvester/list/harvesterhci.io.addon.vue  |   5 +-
 .../list/harvesterhci.io.cloudtemplate.vue    |   5 +-
 .../list/harvesterhci.io.dashboard.vue        |  26 +-
 pkg/harvester/list/harvesterhci.io.host.vue   |  15 +-
 .../harvesterhci.io.logging.clusterflow.vue   |  19 +-
 .../harvesterhci.io.logging.clusteroutput.vue |  19 +-
 .../list/harvesterhci.io.logging.flow.vue     |  19 +-
 .../list/harvesterhci.io.logging.output.vue   |  19 +-
 ...erhci.io.monitoring.alertmanagerconfig.vue |  12 +-
 ...sterhci.io.networkattachmentdefinition.vue |   9 +-
 .../list/harvesterhci.io.schedulevmbackup.vue |   4 +-
 pkg/harvester/list/harvesterhci.io.secret.vue |   7 +-
 .../list/harvesterhci.io.setting.vue          |   5 +-
 .../list/harvesterhci.io.storage.vue          |   4 +-
 .../harvesterhci.io.virtualmachinebackup.vue  |  10 +-
 .../harvesterhci.io.virtualmachineimage.vue   |  12 +-
 ...erhci.io.virtualmachinetemplateversion.vue |  12 +-
 .../list/harvesterhci.io.vmsnapshot.vue       |   7 +-
 pkg/harvester/list/harvesterhci.io.volume.vue |  17 +-
 .../list/harvesterhci.io.volumesnapshot.vue   |   3 +-
 .../list/kubevirt.io.virtualmachine.vue       |  22 +-
 ...network.harvesterhci.io.clusternetwork.vue |   7 +-
 pkg/harvester/mixins/harvester-vm/impl.js     |  16 +-
 pkg/harvester/mixins/harvester-vm/index.js    |  72 +--
 .../devices.harvesterhci.io.pcidevice.js      |   2 +-
 .../devices.harvesterhci.io.sriovgpudevice.js |   6 +-
 ...ices.harvesterhci.io.sriovnetworkdevice.js |   2 +-
 .../devices.harvesterhci.io.usbdevice.js      |   2 +-
 ...cni.cncf.io.networkattachmentdefinition.js |   2 +-
 .../harvester/logging.banzaicloud.io.flow.js  |   2 +-
 pkg/harvester/models/harvester/namespace.js   |   6 +-
 pkg/harvester/models/harvester/node.js        |  14 +-
 .../models/harvester/persistentvolumeclaim.js |  27 +-
 pkg/harvester/models/harvester/pod.js         |   4 +-
 pkg/harvester/models/harvester/secret.js      |   2 +-
 pkg/harvester/models/harvesterhci.io.addon.js |   2 +-
 .../models/harvesterhci.io.blockdevice.js     |   4 +-
 .../harvesterhci.io.management.cluster.js     |  15 +-
 .../harvesterhci.io.schedulevmbackup.js       |   2 +-
 .../models/harvesterhci.io.setting.js         |   6 +-
 .../models/harvesterhci.io.upgrade.js         |  12 +-
 .../harvesterhci.io.virtualmachinebackup.js   |   4 +-
 .../harvesterhci.io.virtualmachineimage.js    |  18 +-
 .../harvesterhci.io.virtualmachinerestore.js  |   2 +-
 .../harvesterhci.io.virtualmachinetemplate.js |   2 +-
 ...terhci.io.virtualmachinetemplateversion.js |   6 +-
 .../models/kubevirt.io.virtualmachine.js      |  48 +-
 .../kubevirt.io.virtualmachineinstance.js     |   6 +-
 .../loadbalancer.harvesterhci.io.ippool.js    |   8 +-
 ...adbalancer.harvesterhci.io.loadbalancer.js |   2 +-
 pkg/harvester/models/longhorn.io.node.js      |   6 +-
 .../network.harvesterhci.io.clusternetwork.js |   8 +-
 .../network.harvesterhci.io.vlanconfig.js     |  10 +-
 .../pages/c/_cluster/airgapupgrade/index.vue  |  30 +-
 .../pages/c/_cluster/brand/index.vue          |   5 +-
 .../pages/c/_cluster/members/index.vue        |  11 +-
 .../pages/c/_cluster/support/index.vue        |  50 +-
 .../kubevirt.io.virtualmachine.vue            |  19 +-
 pkg/harvester/routing/harvester-routing.js    |   2 +-
 pkg/harvester/validators/setting.js           |   2 +-
 pkg/harvester/validators/vm.js                |  10 +-
 214 files changed, 3162 insertions(+), 1298 deletions(-)

diff --git a/pkg/harvester/components/DiskTags.vue b/pkg/harvester/components/DiskTags.vue
index 00478fa5..e6264f80 100644
--- a/pkg/harvester/components/DiskTags.vue
+++ b/pkg/harvester/components/DiskTags.vue
@@ -102,7 +102,7 @@ export default {
     },
 
     onRemoveTag(tag) {
-      this.tags = this.tags.filter(v => v !== tag);
+      this.tags = this.tags.filter((v) => v !== tag);
       this.$emit('update:value', this.tags);
     },
   }
@@ -124,7 +124,9 @@ export default {
     </div>
     <div class="mt-10">
       <Tag
-         v-for="(tag, i) in value" :key="i" class="tag"
+        v-for="(tag, i) in value"
+        :key="i"
+        class="tag"
       >
         <span>
           {{ tag }}
diff --git a/pkg/harvester/components/FilterBySriov.vue b/pkg/harvester/components/FilterBySriov.vue
index 50800e3d..45575e9c 100644
--- a/pkg/harvester/components/FilterBySriov.vue
+++ b/pkg/harvester/components/FilterBySriov.vue
@@ -70,8 +70,14 @@ export default {
 
 <template>
   <div class="filter">
-    <span v-if="parentSriov" class="banner-item bg-warning">
-      {{ parentSriov }} <i class="icon icon-close" @click="remove()" />
+    <span
+      v-if="parentSriov"
+      class="banner-item bg-warning"
+    >
+      {{ parentSriov }} <i
+        class="icon icon-close"
+        @click="remove()"
+      />
     </span>
 
     <v-dropdown
@@ -79,7 +85,10 @@ export default {
       placement="bottom-end"
     >
       <slot name="header">
-        <button ref="actionDropDown" class="btn bg-primary mr-10">
+        <button
+          ref="actionDropDown"
+          class="btn bg-primary mr-10"
+        >
           <slot name="title">
             {{ label }}
           </slot>
diff --git a/pkg/harvester/components/FilterLabel.vue b/pkg/harvester/components/FilterLabel.vue
index 12a0ba8d..9364a331 100644
--- a/pkg/harvester/components/FilterLabel.vue
+++ b/pkg/harvester/components/FilterLabel.vue
@@ -46,7 +46,7 @@ export default {
       const valueOptions = [];
 
       this.rows.map((row) => {
-        const isExistValue = valueOptions.find(value => value.label === row.labels[key]);
+        const isExistValue = valueOptions.find((value) => value.label === row.labels[key]);
 
         if (Object.keys(row.labels).includes(key) && key && row.labels[key] && !isExistValue) {
           valueOptions.push({
@@ -77,7 +77,7 @@ export default {
 
     filterRows() {
       const rows = this.rows.filter((row) => {
-        const hasSearch = this.searchLabels.find(search => search.key);
+        const hasSearch = this.searchLabels.find((search) => search.key);
 
         if (!hasSearch) {
           return this.rows;
@@ -119,20 +119,33 @@ export default {
 
 <template>
   <div class="filter">
-    <template v-for="(label, index) in searchLabels" :key="index">
-      <span v-if="label.key" :key="`${label.key}${index}`" class="banner-item bg-warning">
-        {{ label.key }}{{ label.value ? "=" : '' }}{{ label.value }}<i class="icon icon-close" @click="remove(label)" />
+    <template
+      v-for="(label, index) in searchLabels"
+      :key="index"
+    >
+      <span
+        v-if="label.key"
+        :key="`${label.key}${index}`"
+        class="banner-item bg-warning"
+      >
+        {{ label.key }}{{ label.value ? "=" : '' }}{{ label.value }}<i
+          class="icon icon-close"
+          @click="remove(label)"
+        />
       </span>
     </template>
 
     <v-dropdown
-      popperClass="filter-label"
+      popper-class="filter-label"
       trigger="click"
       placement="bottom-end"
       :distance="20"
     >
       <slot name="header">
-        <button ref="actionDropDown" class="btn bg-primary mr-10">
+        <button
+          ref="actionDropDown"
+          class="btn bg-primary mr-10"
+        >
           <slot name="title">
             {{ t('harvester.fields.filterLabels') }}
           </slot>
@@ -184,7 +197,11 @@ export default {
                     :options="calcValueOptions(scope.row.value.key)"
                     @update:value="filterRows"
                   />
-                  <LabeledInput v-else v-model:value="scope.row.value.value" @update:value="filterRows" />
+                  <LabeledInput
+                    v-else
+                    v-model:value="scope.row.value.value"
+                    @update:value="filterRows"
+                  />
                 </div>
               </template>
 
diff --git a/pkg/harvester/components/FilterVMSchedule.vue b/pkg/harvester/components/FilterVMSchedule.vue
index a68ba95f..e8570401 100644
--- a/pkg/harvester/components/FilterVMSchedule.vue
+++ b/pkg/harvester/components/FilterVMSchedule.vue
@@ -16,14 +16,12 @@ export default {
   },
 
   data() {
-    return {
-      selected: '',
-    };
+    return { selected: '' };
   },
 
   computed: {
     scheduleOptions() {
-      const options = this.rows.map(r => r.sourceSchedule).filter(r => r);
+      const options = this.rows.map((r) => r.sourceSchedule).filter((r) => r);
 
       return Array.from(new Set(options));
     },
@@ -46,7 +44,7 @@ export default {
 
         return;
       }
-      const filteredRows = this.rows.filter(row => row.sourceSchedule === this.selected);
+      const filteredRows = this.rows.filter((row) => row.sourceSchedule === this.selected);
 
       this.$emit('change-rows', filteredRows, this.selected);
     }
@@ -67,8 +65,14 @@ export default {
 <template>
   <div class="vm-schedule-filter">
     <template>
-      <span v-if="selected" class="banner-item bg-warning">
-        {{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}<i class="icon icon-close ml-5" @click="remove" />
+      <span
+        v-if="selected"
+        class="banner-item bg-warning"
+      >
+        {{ t('harvester.tableHeaders.vmSchedule') }}{{ selected ? ` = ${selected}`: '' }}<i
+          class="icon icon-close ml-5"
+          @click="remove"
+        />
       </span>
     </template>
 
@@ -77,7 +81,10 @@ export default {
       placement="bottom-end"
       offset="1"
     >
-      <button ref="actionDropDown" class="btn bg-primary mr-10">
+      <button
+        ref="actionDropDown"
+        class="btn bg-primary mr-10"
+      >
         <slot name="title">
           {{ t('harvester.fields.filterSchedule') }}
         </slot>
diff --git a/pkg/harvester/components/HarvesterUpgrade.vue b/pkg/harvester/components/HarvesterUpgrade.vue
index 1d76635a..c20c04a8 100644
--- a/pkg/harvester/components/HarvesterUpgrade.vue
+++ b/pkg/harvester/components/HarvesterUpgrade.vue
@@ -43,7 +43,7 @@ export default {
     ...mapGetters(['currentCluster']),
 
     latestUpgrade() {
-      return this.upgrade?.find(u => u.isLatestUpgrade);
+      return this.upgrade?.find((u) => u.isLatestUpgrade);
     },
 
     isUpgradeInProgress() {
@@ -55,7 +55,7 @@ export default {
     versionOptions() {
       const versions = this.$store.getters['harvester/all'](HCI.VERSION);
 
-      return versions.map(V => V.metadata.name);
+      return versions.map((V) => V.metadata.name);
     },
 
     currentVersion() {
@@ -79,7 +79,7 @@ export default {
         let upgradeMessage = [];
         const list = neu || [];
 
-        const currentResource = list.find( O => !!O.isLatestUpgrade);
+        const currentResource = list.find( (O) => !!O.isLatestUpgrade);
 
         upgradeMessage = currentResource ? currentResource.upgradeMessage : [];
 
diff --git a/pkg/harvester/components/HarvesterUpgradeHeader.vue b/pkg/harvester/components/HarvesterUpgradeHeader.vue
index fece0701..0805d396 100644
--- a/pkg/harvester/components/HarvesterUpgradeHeader.vue
+++ b/pkg/harvester/components/HarvesterUpgradeHeader.vue
@@ -52,13 +52,13 @@ export default {
     },
 
     latestResource() {
-      return this.$store.getters['harvester/all'](HCI.UPGRADE).find( U => U.isLatestUpgrade);
+      return this.$store.getters['harvester/all'](HCI.UPGRADE).find( (U) => U.isLatestUpgrade);
     },
 
     latestUpgradeLogResource() {
       const upgradeLogId = `${ this.latestResource.id }-upgradelog`;
 
-      return this.$store.getters['harvester/all'](HCI.UPGRADE_LOG).find( U => U.id === upgradeLogId);
+      return this.$store.getters['harvester/all'](HCI.UPGRADE_LOG).find( (U) => U.id === upgradeLogId);
     },
 
     downloadLogFailReason() {
@@ -82,7 +82,7 @@ export default {
     upgradeImage() {
       const id = this.latestResource?.upgradeImage;
 
-      return this.$store.getters['harvester/all'](HCI.IMAGE).find(I => I.id === id);
+      return this.$store.getters['harvester/all'](HCI.IMAGE).find((I) => I.id === id);
     },
 
     imageProgress() {
@@ -182,7 +182,10 @@ export default {
 };
 </script>
 <template>
-  <div v-if="enabled && isShow" class="upgrade">
+  <div
+    v-if="enabled && isShow"
+    class="upgrade"
+  >
     <v-dropdown
       v-clean-tooltip="{
         placement: 'bottom-left',
@@ -195,21 +198,36 @@ export default {
 
       <template #popper>
         <div class="upgrade-info mb-10">
-          <div v-if="repoInfo" class="repoInfo">
+          <div
+            v-if="repoInfo"
+            class="repoInfo"
+          >
             <div class="row">
               <div class="col span-12">
-                <a :href="releaseLink" target="_blank">{{ upgradeVersion }}</a>
+                <a
+                  :href="releaseLink"
+                  target="_blank"
+                >{{ upgradeVersion }}</a>
               </div>
             </div>
-            <div v-if="latestResource" class="row mb-5">
+            <div
+              v-if="latestResource"
+              class="row mb-5"
+            >
               <div class="col span-12">
                 <p class="state">
-                  {{ t('harvester.upgradePage.repoInfo.upgradeStatus') }}: <BadgeStateFormatter class="ml-5" :row="latestResource" />
+                  {{ t('harvester.upgradePage.repoInfo.upgradeStatus') }}: <BadgeStateFormatter
+                    class="ml-5"
+                    :row="latestResource"
+                  />
                 </p>
               </div>
             </div>
 
-            <div v-if="downloadLogFailReason" class="row mb-5">
+            <div
+              v-if="downloadLogFailReason"
+              class="row mb-5"
+            >
               <div class="col span-12">
                 <p class="state">
                   {{ t('harvester.upgradePage.repoInfo.logStatus') }}: <span class="error ml-5">{{ downloadLogFailReason }}</span>
@@ -252,13 +270,19 @@ export default {
             <p class="bordered-section"></p>
           </div>
 
-          <p v-if="overallMessage" class="text-warning mb-20">
+          <p
+            v-if="overallMessage"
+            class="text-warning mb-20"
+          >
             {{ overallMessage }}
           </p>
 
           <div v-if="showImage">
             <h4>{{ t('harvester.upgradePage.upgradeImage') }}<span class="float-r text-info">{{ imageProgress }}%</span></h4>
-            <PercentageBar :modelValue="imageProgress" preferred-direction="MORE" />
+            <PercentageBar
+              :model-value="imageProgress"
+              preferred-direction="MORE"
+            />
             <p class="text-warning">
               {{ imageMessage }}
             </p>
@@ -266,23 +290,46 @@ export default {
           </div>
 
           <h4>{{ t('harvester.upgradePage.createRepository') }} <span class="float-r text-info">{{ repoReady.isReady ? t('harvester.upgradePage.succeeded') : t('harvester.upgradePage.pending') }}</span></h4>
-          <p v-if="repoReady.message" class="text-warning">
+          <p
+            v-if="repoReady.message"
+            class="text-warning"
+          >
             {{ repoReady.message }}
           </p>
           <p class="bordered-section"></p>
 
-          <ProgressBarList :title="t('harvester.upgradePage.upgradeNode')" :precent="nodesPercent" :list="nodesStatus" />
+          <ProgressBarList
+            :title="t('harvester.upgradePage.upgradeNode')"
+            :precent="nodesPercent"
+            :list="nodesStatus"
+          />
           <p class="bordered-section"></p>
 
-          <ProgressBarList :title="t('harvester.upgradePage.upgradeSysService')" :precent="sysServiceTotal" :list="sysServiceUpgradeMessage" />
+          <ProgressBarList
+            :title="t('harvester.upgradePage.upgradeSysService')"
+            :precent="sysServiceTotal"
+            :list="sysServiceUpgradeMessage"
+          />
         </div>
 
         <div class="footer">
-          <button v-if="canStartedDownload" :disabled="logDownloading" class="btn role-primary mr-10" @click="downloadLog()">
-            <i class="icon mr-10" :class="[logDownloading ? 'icon-spinner icon-spin' : 'icon-download']"></i> {{ t('harvester.upgradePage.repoInfo.downloadLog') }}
+          <button
+            v-if="canStartedDownload"
+            :disabled="logDownloading"
+            class="btn role-primary mr-10"
+            @click="downloadLog()"
+          >
+            <i
+              class="icon mr-10"
+              :class="[logDownloading ? 'icon-spinner icon-spin' : 'icon-download']"
+            ></i> {{ t('harvester.upgradePage.repoInfo.downloadLog') }}
           </button>
 
-          <button v-if="latestResource.isUpgradeSucceeded" class="btn role-primary" @click="ignoreMessage()">
+          <button
+            v-if="latestResource.isUpgradeSucceeded"
+            class="btn role-primary"
+            @click="ignoreMessage()"
+          >
             {{ t('harvester.upgradePage.dismissMessage') }}
           </button>
         </div>
diff --git a/pkg/harvester/components/HarvesterUpgradeProgressBarList.vue b/pkg/harvester/components/HarvesterUpgradeProgressBarList.vue
index c5b3418f..46f100c7 100644
--- a/pkg/harvester/components/HarvesterUpgradeProgressBarList.vue
+++ b/pkg/harvester/components/HarvesterUpgradeProgressBarList.vue
@@ -45,16 +45,33 @@ export default {
         <Collapse v-model:open="open">
           <template #title>
             <div class="total-bar">
-              <span class="bar"><PercentageBar :modelValue="precent" preferred-direction="MORE" /></span>
-              <span class="on-off" @click="handleSwitch"> {{ open ? t('harvester.generic.close') : t('harvester.generic.open') }}</span>
+              <span class="bar"><PercentageBar
+                :model-value="precent"
+                preferred-direction="MORE"
+              /></span>
+              <span
+                class="on-off"
+                @click="handleSwitch"
+              > {{ open ? t('harvester.generic.close') : t('harvester.generic.open') }}</span>
             </div>
           </template>
 
           <template>
             <div class="custom-content">
-              <div  v-for="(item, i) in list" :key="i" >
-                <p>{{ item.name }} <span class="status" :class="{ [item.state]: true }">{{ item.state }}</span></p>
-                <PercentageBar :modelValue="item.percent" preferred-direction="MORE" />
+              <div
+                v-for="(item, i) in list"
+                :key="i"
+              >
+                <p>
+                  {{ item.name }} <span
+                    class="status"
+                    :class="{ [item.state]: true }"
+                  >{{ item.state }}</span>
+                </p>
+                <PercentageBar
+                  :model-value="item.percent"
+                  preferred-direction="MORE"
+                />
                 <p class="warning">
                   {{ item.message }}
                 </p>
diff --git a/pkg/harvester/components/SerialConsole/index.vue b/pkg/harvester/components/SerialConsole/index.vue
index fa8fef58..50df6739 100644
--- a/pkg/harvester/components/SerialConsole/index.vue
+++ b/pkg/harvester/components/SerialConsole/index.vue
@@ -64,7 +64,7 @@ export default {
     }
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.close();
   },
 
@@ -247,7 +247,10 @@ export default {
 
 <template>
   <div class="harvester-shell-container">
-    <div ref="xterm" class="shell-body" />
+    <div
+      ref="xterm"
+      class="shell-body"
+    />
     <resize-observer @notify="fit" />
   </div>
 </template>
diff --git a/pkg/harvester/components/SettingList.vue b/pkg/harvester/components/SettingList.vue
index 22997b5c..459d6430 100644
--- a/pkg/harvester/components/SettingList.vue
+++ b/pkg/harvester/components/SettingList.vue
@@ -57,11 +57,11 @@ export default {
     filterCategorySettings() {
       return this.settings.filter((s) => {
         if (this.category !== 'advanced') {
-          return (CATEGORY[this.category] || []).find(item => item === s.id);
+          return (CATEGORY[this.category] || []).find((item) => item === s.id);
         } else if (this.category === 'advanced') {
           const allCategory = Object.keys(CATEGORY);
 
-          return !allCategory.some(category => (CATEGORY[category] || []).find(item => item === s.id));
+          return !allCategory.some((category) => (CATEGORY[category] || []).find((item) => item === s.id));
         }
       }) || [];
     },
@@ -75,7 +75,7 @@ export default {
     },
 
     getSettingOption(id) {
-      return HCI_ALLOWED_SETTINGS.find(setting => setting.id === id);
+      return HCI_ALLOWED_SETTINGS.find((setting) => setting.id === id);
     },
 
     toggleHide(s) {
@@ -116,43 +116,78 @@ export default {
 
 <template>
   <div>
-    <div v-for="(setting, i) in categorySettings" :key="i" class="advanced-setting mb-20">
+    <div
+      v-for="(setting, i) in categorySettings"
+      :key="i"
+      class="advanced-setting mb-20"
+    >
       <div class="header">
         <div class="title">
           <h1>
             {{ setting.id }}
-            <span v-if="setting.customized" class="modified">
+            <span
+              v-if="setting.customized"
+              class="modified"
+            >
               Modified
             </span>
-            <span v-if="setting.experimental" v-clean-tooltip="t('advancedSettings.experimental')" class="experimental">
+            <span
+              v-if="setting.experimental"
+              v-clean-tooltip="t('advancedSettings.experimental')"
+              class="experimental"
+            >
               Experimental
             </span>
           </h1>
           <h2 v-clean-html="t(setting.description, {}, true)">
           </h2>
         </div>
-        <div v-if="setting.hasActions" :id="setting.id" class="action">
-          <button aria-haspopup="true" aria-expanded="false" type="button" class="btn btn-sm role-multi-action actions" @click="showActionMenu($event, setting)">
+        <div
+          v-if="setting.hasActions"
+          :id="setting.id"
+          class="action"
+        >
+          <button
+            aria-haspopup="true"
+            aria-expanded="false"
+            type="button"
+            class="btn btn-sm role-multi-action actions"
+            @click="showActionMenu($event, setting)"
+          >
             <i class="icon icon-actions" />
           </button>
         </div>
       </div>
       <div value>
-        <div v-if="!setting.hide" class="settings-value">
+        <div
+          v-if="!setting.hide"
+          class="settings-value"
+        >
           <pre v-if="setting.kind === 'json'">{{ setting.json }}</pre>
           <pre v-else-if="setting.kind === 'multiline'">{{ setting.data.value || setting.data.default }}</pre>
           <pre v-else-if="setting.kind === 'enum'">{{ t(setting.enum) }}</pre>
           <pre v-else-if="setting.kind === 'custom' && setting.custom">{{ setting.custom }}</pre>
           <pre v-else-if="setting.data.value || setting.data.default">{{ setting.data.value || setting.data.default }}</pre>
-          <pre v-else class="text-muted">&lt;{{ t('advancedSettings.none') }}&gt;</pre>
+          <pre
+            v-else
+            class="text-muted"
+          >&lt;{{ t('advancedSettings.none') }}&gt;</pre>
         </div>
 
         <div class="mt-5">
-          <button v-if="setting.hide" class="btn btn-sm role-primary" @click="toggleHide(setting)">
+          <button
+            v-if="setting.hide"
+            class="btn btn-sm role-primary"
+            @click="toggleHide(setting)"
+          >
             {{ t('advancedSettings.show') }} {{ setting.id }}
           </button>
 
-          <button v-if="setting.canHide && !setting.hide" class="btn btn-sm role-primary" @click="toggleHide(setting)">
+          <button
+            v-if="setting.canHide && !setting.hide"
+            class="btn btn-sm role-primary"
+            @click="toggleHide(setting)"
+          >
             {{ t('advancedSettings.hide') }} {{ setting.id }}
           </button>
 
@@ -169,7 +204,11 @@ export default {
           />
         </div>
       </div>
-      <Banner v-if="setting.data.errMessage" color="error mt-5" class="settings-banner">
+      <Banner
+        v-if="setting.data.errMessage"
+        color="error mt-5"
+        class="settings-banner"
+      >
         {{ setting.data.errMessage }}
       </Banner>
     </div>
diff --git a/pkg/harvester/components/UpgradeInfo.vue b/pkg/harvester/components/UpgradeInfo.vue
index 03e58c08..ffa387e1 100644
--- a/pkg/harvester/components/UpgradeInfo.vue
+++ b/pkg/harvester/components/UpgradeInfo.vue
@@ -31,14 +31,20 @@ export default {
     <Banner color="warning">
       <div>
         <strong>{{ t('harvester.upgradePage.upgradeInfo.warning') }}:</strong>
-        <p v-clean-html="t('harvester.upgradePage.upgradeInfo.doc', {url: upgradeLink}, true)" class="mb-5"></p>
+        <p
+          v-clean-html="t('harvester.upgradePage.upgradeInfo.doc', {url: upgradeLink}, true)"
+          class="mb-5"
+        ></p>
 
         <p class="mb-5">
           {{ t('harvester.upgradePage.upgradeInfo.tip') }}
         </p>
 
         <p class="mb-5">
-          {{ t('harvester.upgradePage.upgradeInfo.moreNotes') }} <a :href="releaseVersion" target="_blank">{{ t('generic.moreInfo') }}</a>
+          {{ t('harvester.upgradePage.upgradeInfo.moreNotes') }} <a
+            :href="releaseVersion"
+            target="_blank"
+          >{{ t('generic.moreInfo') }}</a>
         </p>
       </div>
     </Banner>
diff --git a/pkg/harvester/components/novnc/NovncConsole.vue b/pkg/harvester/components/novnc/NovncConsole.vue
index 38533898..7142648f 100644
--- a/pkg/harvester/components/novnc/NovncConsole.vue
+++ b/pkg/harvester/components/novnc/NovncConsole.vue
@@ -3,7 +3,11 @@
     <div v-if="connected && disconnected">
       <main class="main-layout error">
         <div class="text-center">
-          <BrandImage file-name="error-desert-landscape.svg" width="900" height="300" />
+          <BrandImage
+            file-name="error-desert-landscape.svg"
+            width="900"
+            height="300"
+          />
           <h1>
             {{ t('generic.notification.title.warning') }}
           </h1>
@@ -61,7 +65,7 @@ export default {
     });
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     this.clearTimeout();
   },
 
diff --git a/pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue b/pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue
index 55eabae3..25a84c84 100644
--- a/pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue
+++ b/pkg/harvester/components/novnc/NovncConsoleCustomKeys.vue
@@ -7,10 +7,10 @@ import ModalWithCard from '@shell/components/ModalWithCard';
 const PREFERED_SHORTCUT_KEYS = 'prefered-shortcut-keys';
 
 export default {
-  name:       'NovncConsoleCustomKeys',
+  name: 'NovncConsoleCustomKeys',
 
   emits: ['close'],
-  
+
   components: {
     ModalWithCard, Banner, AsyncButton
   },
@@ -48,7 +48,7 @@ export default {
 
     displayedKeys() {
       const out = this.addedShortcutKeys.concat(this.preferredShortcutKeys).map((item) => {
-        const out = item.map(K => ` <code>${ K.key.charAt(0).toUpperCase() + K.key.slice(1) }</code>`);
+        const out = item.map((K) => ` <code>${ K.key.charAt(0).toUpperCase() + K.key.slice(1) }</code>`);
 
         return out.join(',');
       });
@@ -69,7 +69,7 @@ export default {
         return this.t('harvester.virtualMachine.detail.console.record.tips');
       }
 
-      const out = this.keysRecord.map(item => ` <code>${ item.key.charAt(0).toUpperCase() + item.key.slice(1) }</code>`);
+      const out = this.keysRecord.map((item) => ` <code>${ item.key.charAt(0).toUpperCase() + item.key.slice(1) }</code>`);
 
       return `Keys: ${ out.join(',') }`;
     },
@@ -85,7 +85,7 @@ export default {
       validationList.push(this.keysRecord);
 
       validationList = validationList.map((item) => {
-        const out = item.map(K => K.key);
+        const out = item.map((K) => K.key);
 
         return out.join(',');
       });
@@ -140,13 +140,13 @@ export default {
       const key = keys.replace(/(\s*)<code>|<\/code>/g, '').replace(/\s*,\s*/g, ',');
 
       this.addedShortcutKeys = this.addedShortcutKeys.filter((item) => {
-        const formatkey = item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
+        const formatkey = item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
 
         return formatkey !== key;
       });
 
       this.preferredShortcutKeys = this.preferredShortcutKeys.filter((item) => {
-        const formatkey = item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
+        const formatkey = item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join(',');
 
         return formatkey !== key;
       });
@@ -188,11 +188,21 @@ export default {
       </div>
       <div class="row">
         <div class="col span-12">
-          <button class="btn bg-primary" @click="toggleRecording">
+          <button
+            class="btn bg-primary"
+            @click="toggleRecording"
+          >
             <t :k="recordButton" />
-            <i class="icon icon-fw" :class="isRecording ? 'icon-dot-open' : 'icon-dot'" />
+            <i
+              class="icon icon-fw"
+              :class="isRecording ? 'icon-dot-open' : 'icon-dot'"
+            />
           </button>
-          <button :disabled="!canAdd" class="btn bg-primary" @click="addShortcutKey">
+          <button
+            :disabled="!canAdd"
+            class="btn bg-primary"
+            @click="addShortcutKey"
+          >
             <t k="generic.add" />
           </button>
         </div>
@@ -207,7 +217,10 @@ export default {
         />
 
         <div class="displayed-banners">
-          <Banner v-for="(keys,index) in displayedKeys" :key="index">
+          <Banner
+            v-for="(keys,index) in displayedKeys"
+            :key="index"
+          >
             <span v-clean-html="keys"></span>
           </Banner>
         </div>
@@ -216,7 +229,10 @@ export default {
 
     <template #footer>
       <div class="actions">
-        <button class="btn role-secondary mr-20" @click.prevent="closeRecordingModal">
+        <button
+          class="btn role-secondary mr-20"
+          @click.prevent="closeRecordingModal"
+        >
           <t k="generic.close" />
         </button>
         <AsyncButton
diff --git a/pkg/harvester/components/novnc/NovncConsoleItem.vue b/pkg/harvester/components/novnc/NovncConsoleItem.vue
index b7ac74e2..ff301df0 100644
--- a/pkg/harvester/components/novnc/NovncConsoleItem.vue
+++ b/pkg/harvester/components/novnc/NovncConsoleItem.vue
@@ -51,21 +51,38 @@ export default {
 
 <template>
   <ul class="list-unstyled dropdown combination-keys__container">
-    <li v-for="(item, key) in items" :key="key">
+    <li
+      v-for="(item, key) in items"
+      :key="key"
+    >
       <v-dropdown
         v-if="!!item.keys"
         placement="right-start"
         trigger="click"
         :container="false"
       >
-        <span :class="{ open: getOpenStatus(key, pos) }" class="p-10 hand" @click="addKeys({ key, pos })">{{ item.label }}</span>
+        <span
+          :class="{ open: getOpenStatus(key, pos) }"
+          class="p-10 hand"
+          @click="addKeys({ key, pos })"
+        >{{ item.label }}</span>
 
         <template #popper>
-          <novnc-console-item :items="item.keys" :path="path" :pos="pos+1" @update="addKeys" @send-keys="sendKeys" />
+          <novnc-console-item
+            :items="item.keys"
+            :path="path"
+            :pos="pos+1"
+            @update="addKeys"
+            @send-keys="sendKeys"
+          />
         </template>
       </v-dropdown>
 
-      <span v-else class="p-10 hand" @click="keysDown(key, pos)">{{ item.label }}</span>
+      <span
+        v-else
+        class="p-10 hand"
+        @click="keysDown(key, pos)"
+      >{{ item.label }}</span>
     </li>
   </ul>
 </template>
diff --git a/pkg/harvester/components/novnc/NovncConsoleWrapper.vue b/pkg/harvester/components/novnc/NovncConsoleWrapper.vue
index 4c4f257a..e6d77d97 100644
--- a/pkg/harvester/components/novnc/NovncConsoleWrapper.vue
+++ b/pkg/harvester/components/novnc/NovncConsoleWrapper.vue
@@ -211,7 +211,7 @@ export default {
     preferredShortcutKeys() {
       return (this.savedShortcutKeys || []).map((item) => {
         return {
-          label: item.map(K => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join('+'),
+          label: item.map((K) => K.key.charAt(0).toUpperCase() + K.key.slice(1)).join('+'),
           value: item
         };
       });
@@ -288,11 +288,21 @@ export default {
           </button>
 
           <template #popper>
-            <novnc-console-item :items="keymap" :path="keysRecord" :pos="0" @update="update" @send-keys="sendKeys" />
+            <novnc-console-item
+              :items="keymap"
+              :path="keysRecord"
+              :pos="0"
+              @update="update"
+              @send-keys="sendKeys"
+            />
           </template>
         </v-dropdown>
 
-        <button v-if="hasSoftRebootAction" class="btn btn-sm bg-primary" @click="softReboot">
+        <button
+          v-if="hasSoftRebootAction"
+          class="btn btn-sm bg-primary"
+          @click="softReboot"
+        >
           {{ t("harvester.action.softreboot") }}
         </button>
 
@@ -309,15 +319,24 @@ export default {
 
           <template #popper>
             <div>
-              <button class="btn btn-sm bg-primary" @click="showKeysModal">
+              <button
+                class="btn btn-sm bg-primary"
+                @click="showKeysModal"
+              >
                 {{ t("harvester.virtualMachine.detail.console.management") }}
               </button>
             </div>
 
             <hr>
 
-            <div v-for="(keys, index) in preferredShortcutKeys" :key="index">
-              <button class="btn btn-sm bg-primary" @click="sendCustomKeys(keys.value)">
+            <div
+              v-for="(keys, index) in preferredShortcutKeys"
+              :key="index"
+            >
+              <button
+                class="btn btn-sm bg-primary"
+                @click="sendCustomKeys(keys.value)"
+              >
                 {{ keys.label }}
               </button>
             </div>
@@ -330,7 +349,11 @@ export default {
           @close="hideKeysModal"
         />
       </div>
-      <NovncConsole v-if="url && !isDown" ref="novncConsole" :url="url" />
+      <NovncConsole
+        v-if="url && !isDown"
+        ref="novncConsole"
+        :url="url"
+      />
       <p v-if="isDown">
         {{ t("harvester.virtualMachine.detail.console.down") }}
       </p>
diff --git a/pkg/harvester/components/settings/backup-target.vue b/pkg/harvester/components/settings/backup-target.vue
index ff295c8f..5d051ca4 100644
--- a/pkg/harvester/components/settings/backup-target.vue
+++ b/pkg/harvester/components/settings/backup-target.vue
@@ -121,12 +121,31 @@ export default {
 </script>
 
 <template>
-  <div class="row" @update:value="update">
+  <div
+    class="row"
+    @update:value="update"
+  >
     <div class="col span-12">
-      <LabeledSelect v-model:value="parseDefaultValue.type" class="mb-20" :label="t('harvester.fields.type')" :options="typeOption" @update:value="update" />
+      <LabeledSelect
+        v-model:value="parseDefaultValue.type"
+        class="mb-20"
+        :label="t('harvester.fields.type')"
+        :options="typeOption"
+        @update:value="update"
+      />
 
-      <LabeledInput v-model:value="parseDefaultValue.endpoint" class="mb-5" :placeholder="endpointPlaceholder" :mode="mode" label="Endpoint" />
-      <Tip class="mb-20" icon="icon icon-info" :text="t('harvester.backup.backupTargetTip')" />
+      <LabeledInput
+        v-model:value="parseDefaultValue.endpoint"
+        class="mb-5"
+        :placeholder="endpointPlaceholder"
+        :mode="mode"
+        label="Endpoint"
+      />
+      <Tip
+        class="mb-20"
+        icon="icon icon-info"
+        :text="t('harvester.backup.backupTargetTip')"
+      />
 
       <template v-if="isS3">
         <LabeledInput
@@ -163,7 +182,13 @@ export default {
           required
         />
 
-        <LabeledSelect v-model:value="parseDefaultValue.virtualHostedStyle" class="mb-20" label="Virtual Hosted-Style" :options="virtualHostedStyleType" @update:value="update" />
+        <LabeledSelect
+          v-model:value="parseDefaultValue.virtualHostedStyle"
+          class="mb-20"
+          label="Virtual Hosted-Style"
+          :options="virtualHostedStyleType"
+          @update:value="update"
+        />
 
         <div class="mb-20">
           <Tip icon="icon icon-info">
diff --git a/pkg/harvester/components/settings/containerd-registry.vue b/pkg/harvester/components/settings/containerd-registry.vue
index 660d43dd..e21cdbd3 100644
--- a/pkg/harvester/components/settings/containerd-registry.vue
+++ b/pkg/harvester/components/settings/containerd-registry.vue
@@ -225,8 +225,16 @@ export default {
   <div>
     <h3>{{ t('harvester.setting.containerdRegistry.mirrors.mirrors') }}</h3>
     <div>
-      <InfoBox v-for="mirror, idx in mirrors" :key="mirror.idx" class="box">
-        <button type="button" class="role-link btn btn-sm remove" @click="remove('mirrors', idx)">
+      <InfoBox
+        v-for="mirror, idx in mirrors"
+        :key="mirror.idx"
+        class="box"
+      >
+        <button
+          type="button"
+          class="role-link btn btn-sm remove"
+          @click="remove('mirrors', idx)"
+        >
           <i class="icon icon-2x icon-x" />
         </button>
 
@@ -273,7 +281,10 @@ export default {
       </infobox>
     </div>
 
-    <button class="btn btn-sm role-primary" @click.self="addMirror">
+    <button
+      class="btn btn-sm role-primary"
+      @click.self="addMirror"
+    >
       {{ t('harvester.setting.containerdRegistry.mirrors.addMirror') }}
     </button>
 
@@ -281,8 +292,16 @@ export default {
 
     <h3>{{ t('harvester.setting.containerdRegistry.configs.configs') }}</h3>
     <div>
-      <InfoBox v-for="config, idx in configs" :key="config.idx" class="box">
-        <button type="button" class="role-link btn btn-sm remove" @click="remove('configs', idx)">
+      <InfoBox
+        v-for="config, idx in configs"
+        :key="config.idx"
+        class="box"
+      >
+        <button
+          type="button"
+          class="role-link btn btn-sm remove"
+          @click="remove('configs', idx)"
+        >
           <i class="icon icon-2x icon-x" />
         </button>
 
@@ -355,7 +374,10 @@ export default {
         </div>
       </infobox>
 
-      <button class="btn btn-sm role-primary" @click="addConfig">
+      <button
+        class="btn btn-sm role-primary"
+        @click="addConfig"
+      >
         {{ t('harvester.setting.containerdRegistry.configs.addConfig') }}
       </button>
     </div>
diff --git a/pkg/harvester/components/settings/csi-driver-config.vue b/pkg/harvester/components/settings/csi-driver-config.vue
index c9117356..2c611490 100644
--- a/pkg/harvester/components/settings/csi-driver-config.vue
+++ b/pkg/harvester/components/settings/csi-driver-config.vue
@@ -64,7 +64,7 @@ export default {
       const csiDrivers = this.$store.getters[`${ inStore }/all`](CSI_DRIVER) || [];
 
       return csiDrivers.filter((provisioner) => {
-        return !this.configArr.map(config => config.key).includes(provisioner.name);
+        return !this.configArr.map((config) => config.key).includes(provisioner.name);
       }).map((provisioner) => {
         return provisioner.name;
       });
@@ -181,8 +181,16 @@ export default {
 
 <template>
   <div>
-    <InfoBox v-for="(driver, idx) in configArr" :key="idx">
-      <button :disabled="disableEdit(driver.key)" type="button" class="role-link btn btn-sm remove" @click="remove(idx)">
+    <InfoBox
+      v-for="(driver, idx) in configArr"
+      :key="idx"
+    >
+      <button
+        :disabled="disableEdit(driver.key)"
+        type="button"
+        class="role-link btn btn-sm remove"
+        @click="remove(idx)"
+      >
         <i class="icon icon-x" />
       </button>
 
@@ -229,7 +237,11 @@ export default {
       </div>
     </infobox>
 
-    <button class="btn btn-sm role-primary" :disabled="disableAdd" @click.self="add">
+    <button
+      class="btn btn-sm role-primary"
+      :disabled="disableAdd"
+      @click.self="add"
+    >
       {{ t('generic.add') }}
     </button>
   </div>
diff --git a/pkg/harvester/components/settings/http-proxy.vue b/pkg/harvester/components/settings/http-proxy.vue
index 9a6478e5..bf8c40b4 100644
--- a/pkg/harvester/components/settings/http-proxy.vue
+++ b/pkg/harvester/components/settings/http-proxy.vue
@@ -54,10 +54,16 @@ export default {
 <template>
   <div>
     <Banner color="warning">
-      <t k="harvester.setting.httpProxy.warning" :raw="true" />
+      <t
+        k="harvester.setting.httpProxy.warning"
+        :raw="true"
+      />
     </Banner>
 
-    <div class="row" @update:value="update">
+    <div
+      class="row"
+      @update:value="update"
+    >
       <div class="col span-12">
         <LabeledInput
           v-model:value="parseDefaultValue.httpProxy"
diff --git a/pkg/harvester/components/settings/storage-network.vue b/pkg/harvester/components/settings/storage-network.vue
index a55a657d..ee37076d 100644
--- a/pkg/harvester/components/settings/storage-network.vue
+++ b/pkg/harvester/components/settings/storage-network.vue
@@ -107,7 +107,7 @@ export default {
 
   methods: {
     update() {
-      const exclude = this.exclude.filter(ip => ip);
+      const exclude = this.exclude.filter((ip) => ip);
 
       if (Array.isArray(exclude) && exclude.length > 0) {
         this.parsedDefaultValue.exclude = exclude;
@@ -172,7 +172,10 @@ export default {
     @update:value="update"
   >
     <Banner color="warning">
-      <t k="harvester.setting.storageNetwork.warning" :raw="true" />
+      <t
+        k="harvester.setting.storageNetwork.warning"
+        :raw="true"
+      />
     </Banner>
 
     <RadioGroup
@@ -210,8 +213,15 @@ export default {
         :placeholder="t('harvester.setting.storageNetwork.range.placeholder')"
         label-key="harvester.setting.storageNetwork.range.label"
       />
-      <Tip class="mb-20" icon="icon icon-info">
-        <t k="harvester.setting.storageNetwork.tip" :raw="true" :url="storageNetworkExampleLink" />
+      <Tip
+        class="mb-20"
+        icon="icon icon-info"
+      >
+        <t
+          k="harvester.setting.storageNetwork.tip"
+          :raw="true"
+          :url="storageNetworkExampleLink"
+        />
       </Tip>
 
       <ArrayList
diff --git a/pkg/harvester/components/settings/support-bundle-image.vue b/pkg/harvester/components/settings/support-bundle-image.vue
index cc4c047d..53c65605 100644
--- a/pkg/harvester/components/settings/support-bundle-image.vue
+++ b/pkg/harvester/components/settings/support-bundle-image.vue
@@ -29,6 +29,7 @@ export default {
 
   data() {
     let parseDefaultValue = {};
+
     try {
       parseDefaultValue = JSON.parse(this.value.value);
     } catch (error) {
@@ -63,6 +64,7 @@ export default {
   methods: {
     update() {
       const value = JSON.stringify(this.parseDefaultValue);
+
       this.value['value'] = value;
     },
 
@@ -99,7 +101,10 @@ export default {
 </script>
 
 <template>
-  <div class="row" @input="update">
+  <div
+    class="row"
+    @input="update"
+  >
     <div class="col span-12">
       <LabeledInput
         v-model:value="parseDefaultValue.repository"
diff --git a/pkg/harvester/components/settings/vm-force-reset-policy.vue b/pkg/harvester/components/settings/vm-force-reset-policy.vue
index f327efdd..2e160ccd 100644
--- a/pkg/harvester/components/settings/vm-force-reset-policy.vue
+++ b/pkg/harvester/components/settings/vm-force-reset-policy.vue
@@ -48,7 +48,10 @@ export default {
 </script>
 
 <template>
-  <div class="row" @input="update">
+  <div
+    class="row"
+    @input="update"
+  >
     <div class="col span-12">
       <RadioGroup
         v-model:value="parseDefaultValue.enable"
diff --git a/pkg/harvester/config/doc-links.js b/pkg/harvester/config/doc-links.js
index 560428f9..297a4144 100644
--- a/pkg/harvester/config/doc-links.js
+++ b/pkg/harvester/config/doc-links.js
@@ -1,5 +1,5 @@
-const pkgJson = require('../package.json');
 import semver from 'semver';
+const pkgJson = require('../package.json');
 
 const docVersion = `v${ semver.major(pkgJson.version) }.${ semver.minor(pkgJson.version) }`;
 
diff --git a/pkg/harvester/config/harvester-cluster.js b/pkg/harvester/config/harvester-cluster.js
index dc700c98..739baaa0 100644
--- a/pkg/harvester/config/harvester-cluster.js
+++ b/pkg/harvester/config/harvester-cluster.js
@@ -44,14 +44,14 @@ export const IP_POOL_HEADERS = [
   STATE,
   NAME_COL,
   {
-    name: 'subnet',
+    name:     'subnet',
     labelKey: 'harvester.ipPool.subnet.label',
-    value: 'subnetDisplay',
+    value:    'subnetDisplay',
   },
   {
-    name: 'availableIP',
+    name:     'availableIP',
     labelKey: 'harvester.ipPool.availableIP.label',
-    value: 'status.available',
+    value:    'status.available',
   },
   AGE
 ];
@@ -71,7 +71,7 @@ export function init($plugin, store) {
 
   if (isSingleVirtualCluster) {
     const home = {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: {
         product:  PRODUCT_NAME,
         resource: HCI.DASHBOARD
@@ -79,34 +79,34 @@ export function init($plugin, store) {
     };
 
     store.dispatch('setIsSingleProduct', {
-      productName: PRODUCT_NAME,
-      logo: require(`@shell/assets/images/providers/harvester.svg`),
-      productNameKey: 'harvester.productLabel',
-      getVersionInfo: (store) => store.getters[`${PRODUCT_NAME}/byId`]?.(HCI.SETTING, 'server-version')?.value || 'unknown',
-      afterLoginRoute: home,
-      logoRoute: home,
+      productName:       PRODUCT_NAME,
+      logo:              require(`@shell/assets/images/providers/harvester.svg`),
+      productNameKey:    'harvester.productLabel',
+      getVersionInfo:    (store) => store.getters[`${ PRODUCT_NAME }/byId`]?.(HCI.SETTING, 'server-version')?.value || 'unknown',
+      afterLoginRoute:   home,
+      logoRoute:         home,
       supportCustomLogo: true
     });
   }
 
   product({
-    inStore: 'harvester',
-    removable: false,
-    showNamespaceFilter: true,
-    hideKubeShell: true,
-    hideKubeConfig: true,
-    showClusterSwitcher: true,
-    hideCopyConfig: true,
-    hideSystemResources: true,
+    inStore:               'harvester',
+    removable:             false,
+    showNamespaceFilter:   true,
+    hideKubeShell:         true,
+    hideKubeConfig:        true,
+    showClusterSwitcher:   true,
+    hideCopyConfig:        true,
+    hideSystemResources:   true,
     customNamespaceFilter: true,
-    typeStoreMap: {
-      [MANAGEMENT.PROJECT]: 'management',
+    typeStoreMap:          {
+      [MANAGEMENT.PROJECT]:                       'management',
       [MANAGEMENT.CLUSTER_ROLE_TEMPLATE_BINDING]: 'management',
       [MANAGEMENT.PROJECT_ROLE_TEMPLATE_BINDING]: 'management'
     },
-    supportRoute: { name: `${PRODUCT_NAME}-c-cluster-support` },
-    to: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    supportRoute: { name: `${ PRODUCT_NAME }-c-cluster-support` },
+    to:           {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: {
         product:  PRODUCT_NAME,
         resource: HCI.DASHBOARD
@@ -118,13 +118,13 @@ export function init($plugin, store) {
   basicType([HCI.DASHBOARD]);
   virtualType({
     labelKey: 'harvester.dashboard.label',
-    group: 'Root',
-    name: HCI.DASHBOARD,
-    weight: 500,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    group:    'Root',
+    name:     HCI.DASHBOARD,
+    weight:   500,
+    route:    {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: {
-        product: PRODUCT_NAME,
+        product:  PRODUCT_NAME,
         resource: HCI.DASHBOARD
       }
     }
@@ -133,12 +133,12 @@ export function init($plugin, store) {
 
   configureType(HCI.HOST, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.HOST }
     },
-    resource: NODE,
+    resource:       NODE,
     resourceDetail: HCI.HOST,
-    resourceEdit: HCI.HOST
+    resourceEdit:   HCI.HOST
   });
 
   configureType(HCI.HOST, { isCreatable: false, isEditable: true });
@@ -146,13 +146,13 @@ export function init($plugin, store) {
 
   virtualType({
     ifHaveType: NODE,
-    labelKey: 'harvester.host.label',
-    group: 'Root',
-    name: HCI.HOST,
+    labelKey:   'harvester.host.label',
+    group:      'Root',
+    name:       HCI.HOST,
     namespaced: true,
-    weight: 399,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     399,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.HOST }
     },
     exact: false
@@ -161,29 +161,29 @@ export function init($plugin, store) {
   // multiVirtualCluster
   basicType(['cluster-members'], 'rbac');
   virtualType({
-    ifHave: IF_HAVE.MULTI_CLUSTER,
-    labelKey: 'members.clusterMembers',
-    group: 'root',
+    ifHave:     IF_HAVE.MULTI_CLUSTER,
+    labelKey:   'members.clusterMembers',
+    group:      'root',
     namespaced: false,
-    name: VIRTUAL_TYPES.CLUSTER_MEMBERS,
-    weight: 100,
-    route: { name: `${PRODUCT_NAME}-c-cluster-members` },
-    exact: true,
+    name:       VIRTUAL_TYPES.CLUSTER_MEMBERS,
+    weight:     100,
+    route:      { name: `${ PRODUCT_NAME }-c-cluster-members` },
+    exact:      true,
     ifHaveType: {
-      type: MANAGEMENT.CLUSTER_ROLE_TEMPLATE_BINDING,
+      type:  MANAGEMENT.CLUSTER_ROLE_TEMPLATE_BINDING,
       store: 'management'
     }
   });
 
   basicType([HCI.VM]);
   virtualType({
-    labelKey: 'harvester.virtualMachine.label',
-    group: 'root',
-    name: HCI.VM,
+    labelKey:   'harvester.virtualMachine.label',
+    group:      'root',
+    name:       HCI.VM,
     namespaced: true,
-    weight: 299,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     299,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VM }
     },
     exact: false
@@ -192,23 +192,23 @@ export function init($plugin, store) {
   basicType([HCI.VOLUME]);
   configureType(HCI.VOLUME, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VOLUME }
     },
-    resource: PVC,
+    resource:       PVC,
     resourceDetail: HCI.VOLUME,
-    resourceEdit: HCI.VOLUME,
-    canYaml: false,
+    resourceEdit:   HCI.VOLUME,
+    canYaml:        false,
   });
   virtualType({
-    labelKey: 'harvester.volume.label',
-    group: 'root',
+    labelKey:   'harvester.volume.label',
+    group:      'root',
     ifHaveType: PVC,
-    name: HCI.VOLUME,
+    name:       HCI.VOLUME,
     namespaced: true,
-    weight: 199,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     199,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VOLUME }
     },
     exact: false
@@ -224,17 +224,15 @@ export function init($plugin, store) {
     IMAGE_VIRTUAL_SIZE,
     AGE
   ]);
-  configureType(HCI.IMAGE, {
-    canYaml: false,
-  });
+  configureType(HCI.IMAGE, { canYaml: false });
   virtualType({
-    labelKey: 'harvester.image.label',
-    group: 'root',
-    name: HCI.IMAGE,
+    labelKey:   'harvester.image.label',
+    group:      'root',
+    name:       HCI.IMAGE,
     namespaced: true,
-    weight: 198,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     198,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.IMAGE }
     },
     exact: false
@@ -242,14 +240,14 @@ export function init($plugin, store) {
 
   basicType(['projects-namespaces']);
   virtualType({
-    ifHave: IF_HAVE.MULTI_CLUSTER,
-    labelKey: 'harvester.projectNamespace.label',
-    group: 'root',
+    ifHave:     IF_HAVE.MULTI_CLUSTER,
+    labelKey:   'harvester.projectNamespace.label',
+    group:      'root',
     namespaced: true,
-    name: 'projects-namespaces',
-    weight: 98,
-    route: { name: `${PRODUCT_NAME}-c-cluster-projectsnamespaces` },
-    exact: true,
+    name:       'projects-namespaces',
+    weight:     98,
+    route:      { name: `${ PRODUCT_NAME }-c-cluster-projectsnamespaces` },
+    exact:      true,
   });
 
   if (isSingleVirtualCluster) {
@@ -287,31 +285,31 @@ export function init($plugin, store) {
     NAME_COL,
     NAMESPACE_COL,
     {
-      name: 'receivers',
-      labelKey: 'tableHeaders.receivers',
+      name:      'receivers',
+      labelKey:  'tableHeaders.receivers',
       formatter: 'ReceiverIcons',
-      value: 'name'
+      value:     'name'
     },
   ]);
 
   configureType(HCI.ALERTMANAGERCONFIG, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.ALERTMANAGERCONFIG },
     },
-    resource: MONITORING.ALERTMANAGERCONFIG,
+    resource:       MONITORING.ALERTMANAGERCONFIG,
     resourceDetail: HCI.ALERTMANAGERCONFIG,
-    resourceEdit: HCI.ALERTMANAGERCONFIG
+    resourceEdit:   HCI.ALERTMANAGERCONFIG
   });
 
   virtualType({
     ifHaveType: MONITORING.ALERTMANAGERCONFIG,
-    labelKey: 'harvester.monitoring.alertmanagerConfig.label',
-    name: HCI.ALERTMANAGERCONFIG,
+    labelKey:   'harvester.monitoring.alertmanagerConfig.label',
+    name:       HCI.ALERTMANAGERCONFIG,
     namespaced: true,
-    weight: 87,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     87,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.ALERTMANAGERCONFIG }
     },
     exact: false,
@@ -319,21 +317,21 @@ export function init($plugin, store) {
 
   configureType(HCI.CLUSTER_FLOW, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLUSTER_FLOW },
     },
-    resource: LOGGING.CLUSTER_FLOW,
+    resource:       LOGGING.CLUSTER_FLOW,
     resourceDetail: HCI.CLUSTER_FLOW,
-    resourceEdit: HCI.CLUSTER_FLOW
+    resourceEdit:   HCI.CLUSTER_FLOW
   });
 
   virtualType({
-    labelKey: 'harvester.logging.clusterFlow.label',
-    name: HCI.CLUSTER_FLOW,
+    labelKey:   'harvester.logging.clusterFlow.label',
+    name:       HCI.CLUSTER_FLOW,
     namespaced: true,
-    weight: 79,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     79,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLUSTER_FLOW }
     },
     exact: false,
@@ -341,21 +339,21 @@ export function init($plugin, store) {
 
   configureType(HCI.CLUSTER_OUTPUT, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLUSTER_OUTPUT },
     },
-    resource: LOGGING.CLUSTER_OUTPUT,
+    resource:       LOGGING.CLUSTER_OUTPUT,
     resourceDetail: HCI.CLUSTER_OUTPUT,
-    resourceEdit: HCI.CLUSTER_OUTPUT
+    resourceEdit:   HCI.CLUSTER_OUTPUT
   });
 
   virtualType({
-    labelKey: 'harvester.logging.clusterOutput.label',
-    name: HCI.CLUSTER_OUTPUT,
+    labelKey:   'harvester.logging.clusterOutput.label',
+    name:       HCI.CLUSTER_OUTPUT,
     namespaced: true,
-    weight: 78,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     78,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLUSTER_OUTPUT }
     },
     exact: false,
@@ -363,21 +361,21 @@ export function init($plugin, store) {
 
   configureType(HCI.FLOW, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.FLOW },
     },
-    resource: LOGGING.FLOW,
+    resource:       LOGGING.FLOW,
     resourceDetail: HCI.FLOW,
-    resourceEdit: HCI.FLOW
+    resourceEdit:   HCI.FLOW
   });
 
   virtualType({
-    labelKey: 'harvester.logging.flow.label',
-    name: HCI.FLOW,
+    labelKey:   'harvester.logging.flow.label',
+    name:       HCI.FLOW,
     namespaced: true,
-    weight: 77,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     77,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.FLOW }
     },
     exact: false,
@@ -385,21 +383,21 @@ export function init($plugin, store) {
 
   configureType(HCI.OUTPUT, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.OUTPUT },
     },
-    resource: LOGGING.OUTPUT,
+    resource:       LOGGING.OUTPUT,
     resourceDetail: HCI.OUTPUT,
-    resourceEdit: HCI.OUTPUT
+    resourceEdit:   HCI.OUTPUT
   });
 
   virtualType({
-    labelKey: 'harvester.logging.output.label',
-    name: HCI.OUTPUT,
+    labelKey:   'harvester.logging.output.label',
+    name:       HCI.OUTPUT,
     namespaced: true,
-    weight: 76,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     76,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.OUTPUT }
     },
     exact: false,
@@ -454,17 +452,17 @@ export function init($plugin, store) {
 
   configureType(HCI.CLUSTER_NETWORK, {
     realResource: HCI.SETTING,
-    showState: false
+    showState:    false
   });
 
   virtualType({
-    labelKey: 'harvester.vmTemplate.label',
-    group: 'root',
-    name: TEMPLATE,
+    labelKey:   'harvester.vmTemplate.label',
+    group:      'root',
+    name:       TEMPLATE,
     namespaced: true,
-    weight: 289,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     289,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: TEMPLATE }
     },
     exact: false
@@ -486,12 +484,12 @@ export function init($plugin, store) {
 
   configureType(HCI.BACKUP, { showListMasthead: false, showConfigView: false });
   virtualType({
-    labelKey: 'harvester.backup.label',
-    name: HCI.BACKUP,
+    labelKey:   'harvester.backup.label',
+    name:       HCI.BACKUP,
     namespaced: true,
-    weight: 200,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     200,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.BACKUP }
     },
     exact: false
@@ -501,13 +499,13 @@ export function init($plugin, store) {
 
   configureType(HCI.CLUSTER_NETWORK, { showListMasthead: false });
   virtualType({
-    labelKey: 'harvester.clusterNetwork.title',
-    name: HCI.CLUSTER_NETWORK,
+    labelKey:   'harvester.clusterNetwork.title',
+    name:       HCI.CLUSTER_NETWORK,
     ifHaveType: HCI.CLUSTER_NETWORK,
     namespaced: false,
-    weight: 189,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     189,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLUSTER_NETWORK }
     },
     exact: false,
@@ -515,21 +513,21 @@ export function init($plugin, store) {
 
   configureType(HCI.NETWORK_ATTACHMENT, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.NETWORK_ATTACHMENT }
     },
-    resource: NETWORK_ATTACHMENT,
+    resource:       NETWORK_ATTACHMENT,
     resourceDetail: HCI.NETWORK_ATTACHMENT,
-    resourceEdit: HCI.NETWORK_ATTACHMENT
+    resourceEdit:   HCI.NETWORK_ATTACHMENT
   });
 
   virtualType({
-    labelKey: 'harvester.network.label',
-    name: HCI.NETWORK_ATTACHMENT,
+    labelKey:   'harvester.network.label',
+    name:       HCI.NETWORK_ATTACHMENT,
     namespaced: true,
-    weight: 188,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     188,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.NETWORK_ATTACHMENT }
     },
     exact: false
@@ -537,22 +535,22 @@ export function init($plugin, store) {
 
   configureType(HCI.SNAPSHOT, {
     isCreatable: false,
-    location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    location:    {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SNAPSHOT },
     },
-    resource: VOLUME_SNAPSHOT,
+    resource:       VOLUME_SNAPSHOT,
     resourceDetail: HCI.SNAPSHOT,
-    resourceEdit: HCI.SNAPSHOT,
+    resourceEdit:   HCI.SNAPSHOT,
   });
   headers(HCI.SNAPSHOT, [STATE, NAME_COL, NAMESPACE_COL, SNAPSHOT_TARGET_VOLUME, AGE]);
   virtualType({
-    labelKey: 'harvester.snapshot.label',
-    name: HCI.SNAPSHOT,
+    labelKey:   'harvester.snapshot.label',
+    name:       HCI.SNAPSHOT,
     namespaced: true,
-    weight: 190,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     190,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SNAPSHOT }
     },
     exact: false,
@@ -560,22 +558,22 @@ export function init($plugin, store) {
 
   configureType(HCI.VM_SNAPSHOT, {
     showListMasthead: false,
-    location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    location:         {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VM_SNAPSHOT }
     },
-    resource: HCI.BACKUP,
+    resource:       HCI.BACKUP,
     resourceDetail: HCI.VM_SNAPSHOT,
-    resourceEdit: HCI.VM_SNAPSHOT
+    resourceEdit:   HCI.VM_SNAPSHOT
   });
 
   virtualType({
-    labelKey: 'harvester.vmSnapshot.label',
-    name: HCI.VM_SNAPSHOT,
+    labelKey:   'harvester.vmSnapshot.label',
+    name:       HCI.VM_SNAPSHOT,
     namespaced: true,
-    weight: 191,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     191,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VM_SNAPSHOT }
     },
     exact: false
@@ -583,12 +581,12 @@ export function init($plugin, store) {
 
   headers(HCI.SSH, [STATE, NAME_COL, NAMESPACE_COL, FINGERPRINT, AGE]);
   virtualType({
-    labelKey: 'harvester.sshKey.label',
-    name: HCI.SSH,
+    labelKey:   'harvester.sshKey.label',
+    name:       HCI.SSH,
     namespaced: true,
-    weight: 170,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     170,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SSH }
     },
     exact: false
@@ -596,21 +594,21 @@ export function init($plugin, store) {
 
   configureType(HCI.CLOUD_TEMPLATE, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLOUD_TEMPLATE }
     },
-    resource: CONFIG_MAP,
+    resource:       CONFIG_MAP,
     resourceDetail: HCI.CLOUD_TEMPLATE,
-    resourceEdit: HCI.CLOUD_TEMPLATE
+    resourceEdit:   HCI.CLOUD_TEMPLATE
   });
 
   virtualType({
-    labelKey: 'harvester.cloudTemplate.label',
-    name: HCI.CLOUD_TEMPLATE,
+    labelKey:   'harvester.cloudTemplate.label',
+    name:       HCI.CLOUD_TEMPLATE,
     namespaced: true,
-    weight: 87,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     87,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.CLOUD_TEMPLATE }
     },
     exact: false
@@ -622,9 +620,9 @@ export function init($plugin, store) {
     NAMESPACE_COL,
     SUB_TYPE,
     {
-      name: 'data',
-      labelKey: 'tableHeaders.data',
-      value: 'dataPreview',
+      name:      'data',
+      labelKey:  'tableHeaders.data',
+      value:     'dataPreview',
       formatter: 'SecretData'
     },
     AGE
@@ -632,22 +630,22 @@ export function init($plugin, store) {
 
   configureType(HCI.SECRET, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SECRET }
     },
-    resource: SECRET,
-    resourceDetail: HCI.SECRET,
-    resourceEdit: HCI.SECRET,
+    resource:           SECRET,
+    resourceDetail:     HCI.SECRET,
+    resourceEdit:       HCI.SECRET,
     notFilterNamespace: ['cattle-monitoring-system', 'cattle-logging-system']
   });
 
   virtualType({
-    labelKey: 'harvester.secret.label',
-    name: HCI.SECRET,
+    labelKey:   'harvester.secret.label',
+    name:       HCI.SECRET,
     namespaced: true,
-    weight: -999,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     -999,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SECRET }
     },
     exact: false
@@ -658,12 +656,12 @@ export function init($plugin, store) {
   virtualType({
     ifHaveType: HCI.SETTING,
     ifHaveVerb: 'POST',
-    labelKey: 'harvester.setting.label',
-    name: HCI.SETTING,
+    labelKey:   'harvester.setting.label',
+    name:       HCI.SETTING,
     namespaced: true,
-    weight: -1000,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     -1000,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SETTING }
     },
     exact: false
@@ -671,56 +669,56 @@ export function init($plugin, store) {
 
   configureType(HCI.STORAGE, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.STORAGE }
     },
-    resource: STORAGE_CLASS,
+    resource:       STORAGE_CLASS,
     resourceDetail: HCI.STORAGE,
-    resourceEdit: HCI.STORAGE,
-    isCreatable: true,
+    resourceEdit:   HCI.STORAGE,
+    isCreatable:    true,
   });
   virtualType({
-    labelKey: 'harvester.storage.title',
-    group: 'root',
+    labelKey:   'harvester.storage.title',
+    group:      'root',
     ifHaveType: STORAGE_CLASS,
-    name: HCI.STORAGE,
+    name:       HCI.STORAGE,
     namespaced: false,
-    weight: 79,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     79,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.STORAGE }
     },
     exact: false,
   });
 
   virtualType({
-    label: 'PCI Devices',
-    group: 'advanced',
-    weight: 14,
-    name: HCI.PCI_DEVICE,
+    label:      'PCI Devices',
+    group:      'advanced',
+    weight:     14,
+    name:       HCI.PCI_DEVICE,
     namespaced: false,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.PCI_DEVICE }
     },
     exact: false,
   });
 
   configureType(HCI.PCI_DEVICE, {
-    isCreatable: false,
+    isCreatable:                false,
     hiddenNamespaceGroupButton: true,
-    listGroups: [
+    listGroups:                 [
       {
-        icon: 'icon-list-grouped',
-        value: 'description',
-        field: 'groupByDevice',
+        icon:       'icon-list-grouped',
+        value:      'description',
+        field:      'groupByDevice',
         hideColumn: 'description',
         tooltipKey: 'resourceTable.groupBy.device'
       },
       {
-        icon: 'icon-cluster',
-        value: 'node',
-        field: 'groupByNode',
+        icon:       'icon-cluster',
+        value:      'node',
+        field:      'groupByNode',
         hideColumn: 'node',
         tooltipKey: 'resourceTable.groupBy.node'
       }
@@ -729,63 +727,63 @@ export function init($plugin, store) {
 
   virtualType({
     ifHaveType: HCI.SR_IOV,
-    labelKey: 'harvester.sriov.label',
-    group: 'advanced',
-    weight: 15,
-    name: HCI.SR_IOV,
+    labelKey:   'harvester.sriov.label',
+    group:      'advanced',
+    weight:     15,
+    name:       HCI.SR_IOV,
     namespaced: false,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SR_IOV }
     },
     exact: false
   });
 
   configureType(HCI.SR_IOV, {
-    isCreatable: false,
+    isCreatable:                false,
     hiddenNamespaceGroupButton: true,
   });
 
   virtualType({
     ifHaveType: HCI.SR_IOVGPU_DEVICE,
-    labelKey: 'harvester.sriovgpu.label',
-    group: 'advanced',
-    weight: 13,
-    name: HCI.SR_IOVGPU_DEVICE,
+    labelKey:   'harvester.sriovgpu.label',
+    group:      'advanced',
+    weight:     13,
+    name:       HCI.SR_IOVGPU_DEVICE,
     namespaced: false,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.SR_IOVGPU_DEVICE }
     },
     exact: false,
   });
 
   configureType(HCI.SR_IOVGPU_DEVICE, {
-    isCreatable: false,
+    isCreatable:                false,
     hiddenNamespaceGroupButton: true,
   });
 
   virtualType({
-    labelKey: 'harvester.vgpu.label',
-    group: 'advanced',
-    weight: 12,
-    name: HCI.VGPU_DEVICE,
+    labelKey:   'harvester.vgpu.label',
+    group:      'advanced',
+    weight:     12,
+    name:       HCI.VGPU_DEVICE,
     namespaced: false,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.VGPU_DEVICE }
     },
     exact: false,
   });
 
   configureType(HCI.VGPU_DEVICE, {
-    isCreatable: false,
+    isCreatable:                false,
     hiddenNamespaceGroupButton: true,
-    listGroups: [
+    listGroups:                 [
       {
-        icon: 'icon-cluster',
-        value: 'node',
-        field: 'groupByNode',
+        icon:       'icon-cluster',
+        value:      'node',
+        field:      'groupByNode',
         hideColumn: 'node',
         tooltipKey: 'resourceTable.groupBy.node'
       }
@@ -830,18 +828,18 @@ export function init($plugin, store) {
   configureType(HCI.ADD_ONS, {
     isCreatable: false,
     isRemovable: false,
-    showState: false,
+    showState:   false,
   });
 
   virtualType({
-    label: 'Add-ons',
-    group: 'advanced',
-    name: HCI.ADD_ONS,
+    label:      'Add-ons',
+    group:      'advanced',
+    name:       HCI.ADD_ONS,
     ifHaveType: HCI.ADD_ONS,
-    weight: -900,
+    weight:     -900,
     namespaced: false,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.ADD_ONS }
     },
     exact: false,
@@ -849,20 +847,20 @@ export function init($plugin, store) {
 
   configureType(HCI.LB, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.LB }
     },
   });
   virtualType({
-    labelKey: 'harvester.loadBalancer.label',
-    name: HCI.LB,
+    labelKey:   'harvester.loadBalancer.label',
+    name:       HCI.LB,
     namespaced: true,
-    weight: 185,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     185,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.LB }
     },
-    exact: false,
+    exact:      false,
     ifHaveType: HCI.LB,
   });
   headers(HCI.LB, [
@@ -873,34 +871,34 @@ export function init($plugin, store) {
       formatter: 'HarvesterListener',
     },
     {
-      name: 'workloadType',
+      name:     'workloadType',
       labelKey: 'harvester.loadBalancer.workloadType.label',
-      value: 'workloadTypeDisplay',
+      value:    'workloadTypeDisplay',
     },
     {
-      name: 'ipam',
+      name:     'ipam',
       labelKey: 'harvester.loadBalancer.ipam.label',
-      value: 'ipamDisplay',
+      value:    'ipamDisplay',
     },
     AGE
   ]);
 
   configureType(HCI.IP_POOL, {
     location: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.IP_POOL }
     },
   });
   virtualType({
-    labelKey: 'harvester.ipPool.label',
-    name: HCI.IP_POOL,
+    labelKey:   'harvester.ipPool.label',
+    name:       HCI.IP_POOL,
     namespaced: false,
-    weight: 184,
-    route: {
-      name: `${PRODUCT_NAME}-c-cluster-resource`,
+    weight:     184,
+    route:      {
+      name:   `${ PRODUCT_NAME }-c-cluster-resource`,
       params: { resource: HCI.IP_POOL }
     },
-    exact: false,
+    exact:      false,
     ifHaveType: HCI.IP_POOL,
   });
   headers(HCI.IP_POOL, IP_POOL_HEADERS);
diff --git a/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostBasic.vue b/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostBasic.vue
index a5c0aea7..d5a0da9b 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostBasic.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostBasic.vue
@@ -193,16 +193,25 @@ export default {
     <h3>{{ t('harvester.host.tabs.overview') }}</h3>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.customName')" :value="customName" />
+        <LabelValue
+          :name="t('harvester.host.detail.customName')"
+          :value="customName"
+        />
       </div>
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.hostIP')" :value="value.internalIp" />
+        <LabelValue
+          :name="t('harvester.host.detail.hostIP')"
+          :value="value.internalIp"
+        />
       </div>
     </div>
 
     <div class="row mb-20">
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.os')" :value="value.status.nodeInfo.osImage" />
+        <LabelValue
+          :name="t('harvester.host.detail.os')"
+          :value="value.status.nodeInfo.osImage"
+        />
       </div>
       <div class="col span-6">
         <div class="role">
@@ -223,20 +232,39 @@ export default {
 
     <div class="row mb-20">
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.create')" :value="value.metadata.creationTimestamp" />
+        <LabelValue
+          :name="t('harvester.host.detail.create')"
+          :value="value.metadata.creationTimestamp"
+        />
       </div>
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.update')" :value="lastUpdateTime" />
+        <LabelValue
+          :name="t('harvester.host.detail.update')"
+          :value="lastUpdateTime"
+        />
       </div>
     </div>
 
     <div class="row mb-20">
-      <div v-if="!value.isEtcd" class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.cpuManager')" :value="cpuManagerStatus" />
+      <div
+        v-if="!value.isEtcd"
+        class="col span-6"
+      >
+        <LabelValue
+          :name="t('harvester.host.detail.cpuManager')"
+          :value="cpuManagerStatus"
+        />
       </div>
       <div class="col span-6">
-        <LabelValue :name="t('harvester.host.detail.consoleUrl')" :value="consoleUrl.value">
-          <a slot="value" :href="consoleUrl.value" target="_blank">{{ consoleUrl.display }}</a>
+        <LabelValue
+          :name="t('harvester.host.detail.consoleUrl')"
+          :value="consoleUrl.value"
+        >
+          <a
+            slot="value"
+            :href="consoleUrl.value"
+            target="_blank"
+          >{{ consoleUrl.display }}</a>
         </LabelValue>
       </div>
     </div>
@@ -288,15 +316,24 @@ export default {
     <h3>{{ t('harvester.host.detail.more') }}</h3>
     <div class="row mb-20">
       <div class="col span-4">
-        <LabelValue :name="t('harvester.host.detail.uuid')" :value="value.status.nodeInfo.systemUUID" />
+        <LabelValue
+          :name="t('harvester.host.detail.uuid')"
+          :value="value.status.nodeInfo.systemUUID"
+        />
       </div>
 
       <div class="col span-4">
-        <LabelValue :name="t('harvester.host.detail.kernel')" :value="value.status.nodeInfo.kernelVersion" />
+        <LabelValue
+          :name="t('harvester.host.detail.kernel')"
+          :value="value.status.nodeInfo.kernelVersion"
+        />
       </div>
 
       <div class="col span-4">
-        <LabelValue :name="t('harvester.host.detail.containerRuntime')" :value="value.status.nodeInfo.containerRuntimeVersion" />
+        <LabelValue
+          :name="t('harvester.host.detail.containerRuntime')"
+          :value="value.status.nodeInfo.containerRuntimeVersion"
+        />
       </div>
     </div>
     <div
diff --git a/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostDisk.vue b/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostDisk.vue
index 29c11644..340ca049 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostDisk.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/HarvesterHostDisk.vue
@@ -10,7 +10,7 @@ import { LONGHORN_VERSION_V1 } from '@shell/config/types';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     LabelValue,
     BadgeState,
@@ -44,7 +44,7 @@ export default {
   },
   computed: {
     targetDisk() {
-      return this.disks.find(disk => disk.name === this.value.name);
+      return this.disks.find((disk) => disk.name === this.value.name);
     },
     schedulableTooltipMessage() {
       const { name, path } = this.value;
@@ -124,7 +124,10 @@ export default {
 </script>
 
 <template>
-  <div class="disk" @update:value="update">
+  <div
+    class="disk"
+    @update:value="update"
+  >
     <Banner
       v-if="mountedMessage"
       color="error"
@@ -139,7 +142,10 @@ export default {
           >
             <template #value>
               <div class="mt-5">
-                <Tag v-for="(prop, key) in value.tags" :key="key">
+                <Tag
+                  v-for="(prop, key) in value.tags"
+                  :key="key"
+                >
                   {{ prop }}
                 </Tag>
               </div>
@@ -185,7 +191,10 @@ export default {
           </div>
         </div>
       </div>
-      <div v-if="!value.isNew" class="row mt-30">
+      <div
+        v-if="!value.isNew"
+        class="row mt-30"
+      >
         <div class="col span-4">
           <LabelValue
             :name="t('harvester.host.disk.storageAvailable.label')"
@@ -214,7 +223,10 @@ export default {
           :value="value.displayName"
         />
       </div>
-      <div v-if="value.path" class="col span-4">
+      <div
+        v-if="value.path"
+        class="col span-4"
+      >
         <LabelValue
           :name="t('harvester.host.disk.path.label')"
           :value="value.path"
diff --git a/pkg/harvester/detail/harvesterhci.io.host/HarvesterKsmtuned.vue b/pkg/harvester/detail/harvesterhci.io.host/HarvesterKsmtuned.vue
index 328b23ea..93bdc82e 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/HarvesterKsmtuned.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/HarvesterKsmtuned.vue
@@ -37,7 +37,7 @@ export default {
     modeText() {
       const mode = this.ksmtuned.spec.mode;
 
-      return ksmtunedMode.find(M => M.value === mode).label;
+      return ksmtunedMode.find((M) => M.value === mode).label;
     },
 
     thresCoef() {
@@ -47,7 +47,7 @@ export default {
     runText() {
       const run = this.ksmtuned.spec.run;
 
-      return ksmtunedRunOption.find(M => M.value === run).label;
+      return ksmtunedRunOption.find((M) => M.value === run).label;
     },
 
     showRunInformation() {
@@ -77,20 +77,35 @@ export default {
       </h2>
       <div class="row mb-20">
         <div class="col span-4">
-          <LabelValue :name="t('harvester.host.ksmtuned.run')" :value="runText" />
+          <LabelValue
+            :name="t('harvester.host.ksmtuned.run')"
+            :value="runText"
+          />
         </div>
       </div>
 
-      <div v-if="showRunInformation" class="row mb-20">
+      <div
+        v-if="showRunInformation"
+        class="row mb-20"
+      >
         <div class="col span-4">
-          <LabelValue :name="t('harvester.host.ksmtuned.thresCoef')" :value="thresCoef" />
+          <LabelValue
+            :name="t('harvester.host.ksmtuned.thresCoef')"
+            :value="thresCoef"
+          />
         </div>
         <div class="col span-4">
-          <LabelValue :name="t('harvester.host.ksmtuned.mode')" :value="modeText" />
+          <LabelValue
+            :name="t('harvester.host.ksmtuned.mode')"
+            :value="modeText"
+          />
         </div>
 
         <div class="col span-4">
-          <LabelValue :name="t('harvester.host.ksmtuned.enableMergeNodes')" :value="mergeNodesText" />
+          <LabelValue
+            :name="t('harvester.host.ksmtuned.enableMergeNodes')"
+            :value="mergeNodesText"
+          />
         </div>
       </div>
 
@@ -100,31 +115,51 @@ export default {
         <h3>{{ t('harvester.host.ksmtuned.parameters.title') }}</h3>
         <div class="row mb-20">
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.parameters.boost')" :value="ksmtuned.spec.ksmtunedParameters.boost" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.parameters.boost')"
+              :value="ksmtuned.spec.ksmtunedParameters.boost"
+            />
           </div>
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.parameters.decay')" :value="ksmtuned.spec.ksmtunedParameters.decay" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.parameters.decay')"
+              :value="ksmtuned.spec.ksmtunedParameters.decay"
+            />
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.parameters.sleepMsec')" :value="ksmtuned.spec.ksmtunedParameters.sleepMsec" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.parameters.sleepMsec')"
+              :value="ksmtuned.spec.ksmtunedParameters.sleepMsec"
+            />
           </div>
         </div>
 
         <div class="row mb-20">
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.parameters.minPages')" :value="ksmtuned.spec.ksmtunedParameters.minPages" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.parameters.minPages')"
+              :value="ksmtuned.spec.ksmtunedParameters.minPages"
+            />
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.parameters.maxPages')" :value="ksmtuned.spec.ksmtunedParameters.maxPages" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.parameters.maxPages')"
+              :value="ksmtuned.spec.ksmtunedParameters.maxPages"
+            />
           </div>
         </div>
       </div>
 
       <div>
         <hr class="divider" />
-        <h3><t k="harvester.host.ksmtuned.statistics.title" :raw="true" /></h3>
+        <h3>
+          <t
+            k="harvester.host.ksmtuned.statistics.title"
+            :raw="true"
+          />
+        </h3>
         <div class="row mb-20">
           <div class="col span-4">
             <LabelValue :name="t('harvester.host.ksmtuned.ksmStatus')">
@@ -135,34 +170,55 @@ export default {
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.sharing')" :value="ksmtuned.status.sharing" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.sharing')"
+              :value="ksmtuned.status.sharing"
+            />
           </div>
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.shared')" :value="ksmtuned.status.shared" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.shared')"
+              :value="ksmtuned.status.shared"
+            />
           </div>
         </div>
 
         <div class="row mb-20">
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.unshared')" :value="ksmtuned.status.unshared" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.unshared')"
+              :value="ksmtuned.status.unshared"
+            />
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.volatile')" :value="ksmtuned.status.volatile" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.volatile')"
+              :value="ksmtuned.status.volatile"
+            />
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.fullScans')" :value="ksmtuned.status.fullScans" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.fullScans')"
+              :value="ksmtuned.status.fullScans"
+            />
           </div>
         </div>
 
         <div class="row mb-20">
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.stableNodeDups')" :value="ksmtuned.status.stableNodeDups" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.stableNodeDups')"
+              :value="ksmtuned.status.stableNodeDups"
+            />
           </div>
 
           <div class="col span-4">
-            <LabelValue :name="t('harvester.host.ksmtuned.statistics.stableNodeChains')" :value="ksmtuned.status.stableNodeChains" />
+            <LabelValue
+              :name="t('harvester.host.ksmtuned.statistics.stableNodeChains')"
+              :value="ksmtuned.status.stableNodeChains"
+            />
           </div>
         </div>
       </div>
diff --git a/pkg/harvester/detail/harvesterhci.io.host/HarvesterSeeder.vue b/pkg/harvester/detail/harvesterhci.io.host/HarvesterSeeder.vue
index 9ffc19ad..ac37e19c 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/HarvesterSeeder.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/HarvesterSeeder.vue
@@ -57,7 +57,9 @@ export default {
   <div>
     <div v-if="inventory.warningMessages.length > 0">
       <Banner
-         v-for="(msg, i) in inventory.warningMessages" :key="i" color="error"
+        v-for="(msg, i) in inventory.warningMessages"
+        :key="i"
+        color="error"
         :label="msg.text"
       />
     </div>
diff --git a/pkg/harvester/detail/harvesterhci.io.host/VirtualMachineInstance.vue b/pkg/harvester/detail/harvesterhci.io.host/VirtualMachineInstance.vue
index 38885a0b..df02f4a0 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/VirtualMachineInstance.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/VirtualMachineInstance.vue
@@ -94,7 +94,11 @@ export default {
 
 <template>
   <Loading v-if="$fetchState.pending" />
-  <div v-else id="host-instances" class="row">
+  <div
+    v-else
+    id="host-instances"
+    class="row"
+  >
     <div class="col span-12">
       <SortableTable
         v-bind="$attrs"
@@ -102,11 +106,17 @@ export default {
         default-sort-by="age"
         :rows="rows"
         key-field="_key"
-        
       >
-        <template #cell:state="scope" class="state-col">
+        <template
+          #cell:state="scope"
+          class="state-col"
+        >
           <div class="state">
-            <HarvesterVmState class="vmstate" :row="scope.row" :all-cluster-network="allClusterNetwork" />
+            <HarvesterVmState
+              class="vmstate"
+              :row="scope.row"
+              :all-cluster-network="allClusterNetwork"
+            />
           </div>
         </template>
       </Sortabletable>
diff --git a/pkg/harvester/detail/harvesterhci.io.host/VlanStatus/index.vue b/pkg/harvester/detail/harvesterhci.io.host/VlanStatus/index.vue
index 6d0b16d8..519749d5 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/VlanStatus/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/VlanStatus/index.vue
@@ -46,7 +46,7 @@ export default {
 
       const inStore = this.$store.getters['currentProduct'].inStore;
       const linkMonitors = this.$store.getters[`${ inStore }/all`](HCI.LINK_MONITOR);
-      const linkMonitor = (linkMonitors.filter(l => l.id === linkMonitorId) || [])[0] || {};
+      const linkMonitor = (linkMonitors.filter((l) => l.id === linkMonitorId) || [])[0] || {};
 
       return linkMonitor?.status?.linkStatus?.[nodeName] || [];
     },
diff --git a/pkg/harvester/detail/harvesterhci.io.host/index.vue b/pkg/harvester/detail/harvesterhci.io.host/index.vue
index ed239772..bf51a2f0 100644
--- a/pkg/harvester/detail/harvesterhci.io.host/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.host/index.vue
@@ -93,7 +93,7 @@ export default {
     }
 
     const res = await allHash(hash);
-    const hostNetworkResource = (res.hostNetworks || []).find( O => this.value.id === O.attachNodeName);
+    const hostNetworkResource = (res.hostNetworks || []).find( (O) => this.value.id === O.attachNodeName);
 
     this.loadMetrics();
 
@@ -126,7 +126,7 @@ export default {
     this.newDisks = clone(disks);
 
     const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
-    const seeder = addons.find(addon => addon.id === 'harvester-system/harvester-seeder');
+    const seeder = addons.find((addon) => addon.id === 'harvester-system/harvester-seeder');
 
     const seederEnabled = seeder ? seeder?.spec?.enabled : false;
 
@@ -134,7 +134,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const inventories = this.$store.getters[`${ inStore }/all`](HCI.INVENTORY) || [];
 
-      const inventory = inventories.find(inv => inv.id === `harvester-system/${ this.value.id }`);
+      const inventory = inventories.find((inv) => inv.id === `harvester-system/${ this.value.id }`);
 
       if (inventory) {
         this.inventory = inventory;
@@ -222,14 +222,14 @@ export default {
       const nodeId = this.value.id;
       const vlanStatuses = this.$store.getters[`${ inStore }/all`](HCI.VLAN_STATUS);
 
-      return vlanStatuses.filter(s => s?.status?.node === nodeId) || [];
+      return vlanStatuses.filter((s) => s?.status?.node === nodeId) || [];
     },
 
     longhornNode() {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const longhornNodes = this.$store.getters[`${ inStore }/all`](LONGHORN.NODES);
 
-      return longhornNodes.find(node => node.id === `${ LONGHORN_SYSTEM }/${ this.value.id }`);
+      return longhornNodes.find((node) => node.id === `${ LONGHORN_SYSTEM }/${ this.value.id }`);
     },
 
     events() {
@@ -275,7 +275,7 @@ export default {
     seederEnabled() {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
-      const seeder = addons.find(addon => addon.id === 'harvester-system/harvester-seeder');
+      const seeder = addons.find((addon) => addon.id === 'harvester-system/harvester-seeder');
 
       return seeder ? seeder?.spec?.enabled : false;
     },
@@ -373,14 +373,24 @@ export default {
       :side-tabs="true"
       @changed="tabChange"
     >
-      <Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="4" class="bordered-table">
+      <Tab
+        name="basics"
+        :label="t('harvester.host.tabs.basics')"
+        :weight="4"
+        class="bordered-table"
+      >
         <Basic
           :value="value"
           :metrics="metrics"
           :mode="mode"
         />
       </Tab>
-      <Tab name="instance" :label="t('harvester.host.tabs.instance')" :weight="3" class="bordered-table">
+      <Tab
+        name="instance"
+        :label="t('harvester.host.tabs.instance')"
+        :weight="3"
+        class="bordered-table"
+      >
         <Instance :node="value" />
       </Tab>
       <Tab
@@ -391,7 +401,9 @@ export default {
         class="bordered-table"
       >
         <InfoBox
-           v-for="(vlan, i) in vlanStatuses" :key="i" >
+          v-for="(vlan, i) in vlanStatuses"
+          :key="i"
+        >
           <VlanStatus
             :value="vlan"
             :mode="mode"
@@ -415,7 +427,10 @@ export default {
             >
               <template #value>
                 <div class="mt-5">
-                  <Tag v-for="(prop, key) in longhornNode.spec.tags" :key="key">
+                  <Tag
+                    v-for="(prop, key) in longhornNode.spec.tags"
+                    :key="key"
+                  >
                     {{ prop }}
                   </Tag>
                 </div>
@@ -447,7 +462,10 @@ export default {
         :show-header="false"
         :label="t('harvester.host.tabs.ksmtuned')"
       >
-        <HarvesterKsmtuned :mode="mode" :node="value" />
+        <HarvesterKsmtuned
+          :mode="mode"
+          :node="value"
+        />
       </Tab>
 
       <Tab
diff --git a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/BackupList.vue b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/BackupList.vue
index 61eee424..057ce233 100644
--- a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/BackupList.vue
+++ b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/BackupList.vue
@@ -84,14 +84,14 @@ export default {
     },
 
     hasBackupProgresses() {
-      return !!this.rows.find(R => R.status?.progress !== undefined);
+      return !!this.rows.find((R) => R.status?.progress !== undefined);
     },
 
     filteredRows() {
-      let r = this.rows.filter(row => row.spec?.type === BACKUP_TYPE.BACKUP);
+      let r = this.rows.filter((row) => row.spec?.type === BACKUP_TYPE.BACKUP);
 
       if (this.id) {
-        r = r.filter(backup => backup.metadata.annotations?.[HCI_ANNOTATIONS.SVM_BACKUP_ID] === this.id);
+        r = r.filter((backup) => backup.metadata.annotations?.[HCI_ANNOTATIONS.SVM_BACKUP_ID] === this.id);
       }
 
       return r;
diff --git a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/SnapshotList.vue b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/SnapshotList.vue
index 60df034d..7fab7ad5 100644
--- a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/SnapshotList.vue
+++ b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/SnapshotList.vue
@@ -56,10 +56,10 @@ export default {
     },
 
     filteredRows() {
-      let r = this.rows.filter(row => row.spec?.type === BACKUP_TYPE.SNAPSHOT);
+      let r = this.rows.filter((row) => row.spec?.type === BACKUP_TYPE.SNAPSHOT);
 
       if (this.id) {
-        r = r.filter(row => row.metadata.annotations?.[HCI_ANNOTATIONS.SVM_BACKUP_ID] === this.id);
+        r = r.filter((row) => row.metadata.annotations?.[HCI_ANNOTATIONS.SVM_BACKUP_ID] === this.id);
       }
 
       return r;
diff --git a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/index.vue b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/index.vue
index 274bcf5e..5f0d02c2 100644
--- a/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.schedulevmbackup/index.vue
@@ -47,7 +47,11 @@ export default {
 </script>
 
 <template>
-  <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
+  <Tabbed
+    v-bind="$attrs"
+    class="mt-15"
+    :side-tabs="true"
+  >
     <Tab
       name="basic"
       :label="t('harvester.virtualMachine.detail.tabs.basics')"
diff --git a/pkg/harvester/detail/harvesterhci.io.secret.vue b/pkg/harvester/detail/harvesterhci.io.secret.vue
index b8c4e61d..3760b029 100644
--- a/pkg/harvester/detail/harvesterhci.io.secret.vue
+++ b/pkg/harvester/detail/harvesterhci.io.secret.vue
@@ -19,7 +19,7 @@ const registryAddresses = [
 
 export default {
   emits: ['input'],
-  
+
   components: {
     ResourceTabs,
     DetailText,
@@ -161,10 +161,10 @@ export default {
 <template>
   <ResourceTabs
     :value="value"
-    @update:value="$emit('input', $event)"
     :need-events="false"
     :need-related="false"
     :mode="mode"
+    @update:value="$emit('input', $event)"
   >
     <Tab
       name="data"
@@ -258,7 +258,9 @@ export default {
 
       <div v-else>
         <div
-          v-for="(row,idx) in parsedRows" :key="idx" class="entry"
+          v-for="(row,idx) in parsedRows"
+          :key="idx"
+          class="entry"
         >
           <DetailText
             :value="row.value"
diff --git a/pkg/harvester/detail/harvesterhci.io.virtualmachinebackup/index.vue b/pkg/harvester/detail/harvesterhci.io.virtualmachinebackup/index.vue
index 54fc81f3..578cacbb 100644
--- a/pkg/harvester/detail/harvesterhci.io.virtualmachinebackup/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.virtualmachinebackup/index.vue
@@ -69,7 +69,7 @@ export default {
     imageName() {
       const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
 
-      const image = imageList.find( I => this.imageId === I.id);
+      const image = imageList.find( (I) => this.imageId === I.id);
 
       return image?.spec?.displayName || '-';
     },
@@ -126,29 +126,52 @@ export default {
     :mode="mode"
     :apply-hooks="applyHooks"
   >
-    <Tabbed v-if="spec" :side-tabs="true" @changed="onTabChanged">
-      <Tab name="Basics" :label="t('harvester.virtualMachine.detail.tabs.basics')">
+    <Tabbed
+      v-if="spec"
+      :side-tabs="true"
+      @changed="onTabChanged"
+    >
+      <Tab
+        name="Basics"
+        :label="t('harvester.virtualMachine.detail.tabs.basics')"
+      >
         <div class="row">
           <div class="col span-6 mb-20">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="name" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.detail.details.name')"
+              :value="name"
+            />
           </div>
 
           <div class="col span-6 mb-20">
-            <LabelValue :name="t('harvester.fields.image')" :value="imageName" />
+            <LabelValue
+              :name="t('harvester.fields.image')"
+              :value="imageName"
+            />
           </div>
         </div>
 
         <div class="row">
           <div class="col span-6 mb-20">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.detail.details.hostname')"
+              :value="hostname"
+            />
           </div>
 
           <div class="col span-6 mb-20">
-            <LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.input.MachineType')"
+              :value="machineType"
+            />
           </div>
         </div>
         <div class="mb-20">
-          <CpuMemory :cpu="cpu" :mode="mode" :memory="memory" />
+          <CpuMemory
+            :cpu="cpu"
+            :mode="mode"
+            :memory="memory"
+          />
         </div>
         <div class="row">
           <div class="col span-6 mb-20">
@@ -156,7 +179,10 @@ export default {
               <template #value>
                 <div>
                   <ul>
-                    <li  v-for="(disk, i) in disks" :key="i" >
+                    <li
+                      v-for="(disk, i) in disks"
+                      :key="i"
+                    >
                       {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
                     </li>
                   </ul>
@@ -169,7 +195,10 @@ export default {
               <template #value>
                 <div>
                   <ul v-if="cdroms.length > 0">
-                    <li  v-for="(rom, i) in cdroms" :key="i" >
+                    <li
+                      v-for="(rom, i) in cdroms"
+                      :key="i"
+                    >
                       {{ rom.name }}
                     </li>
                   </ul>
@@ -187,7 +216,10 @@ export default {
         :label="t('harvester.tab.volume')"
         :weight="-1"
       >
-        <Volume v-model:value="diskRows" :mode="mode" />
+        <Volume
+          v-model:value="diskRows"
+          :mode="mode"
+        />
       </Tab>
 
       <Tab
@@ -195,11 +227,22 @@ export default {
         :label="t('harvester.tab.network')"
         :weight="-2"
       >
-        <Network v-model:value="networkRows" :mode="mode" />
+        <Network
+          v-model:value="networkRows"
+          :mode="mode"
+        />
       </Tab>
 
-      <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
-        <OverviewKeypairs v-if="vm" v-model:value="vm" />
+      <Tab
+        name="keypairs"
+        :label="t('harvester.virtualMachine.detail.tabs.keypairs')"
+        class="bordered-table"
+        :weight="-3"
+      >
+        <OverviewKeypairs
+          v-if="vm"
+          v-model:value="vm"
+        />
       </Tab>
 
       <Tab
@@ -215,7 +258,13 @@ export default {
         />
 
         <div class="spacer"></div>
-        <Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
+        <Checkbox
+          v-model:value="installUSBTablet"
+          :mode="mode"
+          class="check"
+          type="checkbox"
+          :label="t('harvester.virtualMachine.enableUsb')"
+        />
       </Tab>
     </Tabbed>
   </CruResource>
diff --git a/pkg/harvester/detail/harvesterhci.io.virtualmachineimage/index.vue b/pkg/harvester/detail/harvesterhci.io.virtualmachineimage/index.vue
index fd2c78e0..ec8de0e8 100644
--- a/pkg/harvester/detail/harvesterhci.io.virtualmachineimage/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.virtualmachineimage/index.vue
@@ -75,7 +75,7 @@ export default {
       if (sourceImageNamespace && sourceImageName) {
         const imageId = `${ sourceImageNamespace }/${ sourceImageName }`;
 
-        return this.images.find(image => image.id === imageId);
+        return this.images.find((image) => image.id === imageId);
       }
 
       return null;
@@ -105,7 +105,7 @@ export default {
       return this.value.encryptionSecret;
     },
     secretLink() {
-      return this.secrets.find(sc => sc.id === this.value.encryptionSecret)?.detailLocation;
+      return this.secrets.find((sc) => sc.id === this.value.encryptionSecret)?.detailLocation;
     },
 
     isEncryptedString() {
@@ -120,7 +120,11 @@ export default {
 </script>
 
 <template>
-  <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
+  <Tabbed
+    v-bind="$attrs"
+    class="mt-15"
+    :side-tabs="true"
+  >
     <Tab
       name="detail"
       :label="t('harvester.virtualMachine.detail.tabs.basics')"
@@ -155,63 +159,100 @@ export default {
 
       <div class="row">
         <div class="col span-12">
-          <LabelValue :name="t('harvester.image.size')" :value="formattedValue" class="mb-20" />
+          <LabelValue
+            :name="t('harvester.image.size')"
+            :value="formattedValue"
+            class="mb-20"
+          />
         </div>
       </div>
 
       <div class="row">
         <div class="col span-12">
-          <LabelValue :name="t('harvester.image.virtualSize')" :value="virtualSize" class="mb-20" />
+          <LabelValue
+            :name="t('harvester.image.virtualSize')"
+            :value="virtualSize"
+            class="mb-20"
+          />
         </div>
       </div>
 
       <div class="row">
         <div class="col span-12">
-          <LabelValue :name="t('nameNsDescription.description.label')" :value="description" class="mb-20" />
+          <LabelValue
+            :name="t('nameNsDescription.description.label')"
+            :value="description"
+            class="mb-20"
+          />
         </div>
       </div>
 
       <div class="row">
         <div class="col span-12">
-          <LabelValue :name="t('harvester.image.isEncryption')" :value="isEncryptedString" class="mb-20" />
+          <LabelValue
+            :name="t('harvester.image.isEncryption')"
+            :value="isEncryptedString"
+            class="mb-20"
+          />
         </div>
       </div>
 
-      <div v-if="value.isEncrypted" class="row mb-20">
+      <div
+        v-if="value.isEncrypted"
+        class="row mb-20"
+      >
         <div class="col span-12">
           <div class="text-label">
             {{ t('harvester.image.encryptionSecret') }}
           </div>
-          <router-link v-if="encryptionSecret && secretLink" :to="secretLink">
+          <router-link
+            v-if="encryptionSecret && secretLink"
+            :to="secretLink"
+          >
             {{ encryptionSecret }}
           </router-link>
           <span v-else-if="encryptionSecret">
             {{ encryptionSecret }}
           </span>
-          <span v-else class="text-muted">
+          <span
+            v-else
+            class="text-muted"
+          >
             &mdash;
           </span>
         </div>
       </div>
 
-      <div v-if="isEncryptedOrDecrypted" class="row mb-20">
+      <div
+        v-if="isEncryptedOrDecrypted"
+        class="row mb-20"
+      >
         <div class="col span-12">
           <div class="text-label">
             {{ t('harvester.image.sourceImage') }}
           </div>
-          <router-link v-if="sourceImageId && sourceImageLink" :to="sourceImageLink">
+          <router-link
+            v-if="sourceImageId && sourceImageLink"
+            :to="sourceImageLink"
+          >
             {{ sourceImageId }}
           </router-link>
           <span v-else-if="sourceImageId">
             {{ sourceImageId }}
           </span>
-          <span v-else class="text-muted">
+          <span
+            v-else
+            class="text-muted"
+          >
             &mdash;
           </span>
         </div>
       </div>
 
-      <div v-if="errorMessage !== '-'" class="row">
+      <div
+        v-if="errorMessage !== '-'"
+        class="row"
+      >
         <div class="col span-12">
           <div>
             {{ t('tableHeaders.message') }}
diff --git a/pkg/harvester/detail/harvesterhci.io.vmsnapshot/index.vue b/pkg/harvester/detail/harvesterhci.io.vmsnapshot/index.vue
index ad14d74a..a6da17f9 100644
--- a/pkg/harvester/detail/harvesterhci.io.vmsnapshot/index.vue
+++ b/pkg/harvester/detail/harvesterhci.io.vmsnapshot/index.vue
@@ -69,7 +69,7 @@ export default {
     imageName() {
       const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
 
-      const image = imageList.find( I => this.imageId === I.id);
+      const image = imageList.find( (I) => this.imageId === I.id);
 
       return image?.spec?.displayName || '-';
     },
@@ -126,29 +126,52 @@ export default {
     :mode="mode"
     :apply-hooks="applyHooks"
   >
-    <Tabbed v-if="spec" :side-tabs="true" @changed="onTabChanged">
-      <Tab name="Basics" :label="t('harvester.virtualMachine.detail.tabs.basics')">
+    <Tabbed
+      v-if="spec"
+      :side-tabs="true"
+      @changed="onTabChanged"
+    >
+      <Tab
+        name="Basics"
+        :label="t('harvester.virtualMachine.detail.tabs.basics')"
+      >
         <div class="row mb-10">
           <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="name" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.detail.details.name')"
+              :value="name"
+            />
           </div>
 
           <div class="col span-6">
-            <LabelValue :name="t('harvester.fields.image')" :value="imageName" />
+            <LabelValue
+              :name="t('harvester.fields.image')"
+              :value="imageName"
+            />
           </div>
         </div>
 
         <div class="row mb-10">
           <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.detail.details.hostname')"
+              :value="hostname"
+            />
           </div>
 
           <div class="col span-6">
-            <LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
+            <LabelValue
+              :name="t('harvester.virtualMachine.input.MachineType')"
+              :value="machineType"
+            />
           </div>
         </div>
 
-        <CpuMemory :cpu="cpu" :mode="mode" :memory="memory" />
+        <CpuMemory
+          :cpu="cpu"
+          :mode="mode"
+          :memory="memory"
+        />
 
         <div class="row mb-10">
           <div class="col span-6">
@@ -156,7 +179,10 @@ export default {
               <template #value>
                 <div>
                   <ul>
-                    <li  v-for="(disk, i) in disks" :key="i" >
+                    <li
+                      v-for="(disk, i) in disks"
+                      :key="i"
+                    >
                       {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
                     </li>
                   </ul>
@@ -169,7 +195,10 @@ export default {
               <template #value>
                 <div>
                   <ul v-if="cdroms.length > 0">
-                    <li  v-for="(rom, i) in cdroms" :key="i" >
+                    <li
+                      v-for="(rom, i) in cdroms"
+                      :key="i"
+                    >
                       {{ rom.name }}
                     </li>
                   </ul>
@@ -188,7 +217,10 @@ export default {
         :label="t('harvester.tab.volume')"
         :weight="-1"
       >
-        <Volume v-model:value="diskRows" :mode="mode" />
+        <Volume
+          v-model:value="diskRows"
+          :mode="mode"
+        />
       </Tab>
 
       <Tab
@@ -196,11 +228,22 @@ export default {
         :label="t('harvester.tab.network')"
         :weight="-2"
       >
-        <Network v-model:value="networkRows" :mode="mode" />
+        <Network
+          v-model:value="networkRows"
+          :mode="mode"
+        />
       </Tab>
 
-      <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
-        <OverviewKeypairs v-if="vm" v-model:value="vm" />
+      <Tab
+        name="keypairs"
+        :label="t('harvester.virtualMachine.detail.tabs.keypairs')"
+        class="bordered-table"
+        :weight="-3"
+      >
+        <OverviewKeypairs
+          v-if="vm"
+          v-model:value="vm"
+        />
       </Tab>
 
       <Tab
@@ -216,7 +259,13 @@ export default {
         />
 
         <div class="spacer"></div>
-        <Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
+        <Checkbox
+          v-model:value="installUSBTablet"
+          :mode="mode"
+          class="check"
+          type="checkbox"
+          :label="t('harvester.virtualMachine.enableUsb')"
+        />
       </Tab>
     </Tabbed>
   </CruResource>
diff --git a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineBasics.vue b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineBasics.vue
index 16663d25..2e3acf2a 100644
--- a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineBasics.vue
+++ b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineBasics.vue
@@ -63,7 +63,7 @@ export default {
 
     imageName() {
       const imageList = this.$store.getters['harvester/all'](HCI.IMAGE) || [];
-      const image = imageList.find( I => this.value.rootImageId === I.id);
+      const image = imageList.find( (I) => this.value.rootImageId === I.id);
 
       return image?.spec?.displayName || 'N/A';
     },
@@ -134,11 +134,17 @@ export default {
 
 <template>
   <div>
-    <VMConsoleBar :resourceType="value" class="consoleBut" />
+    <VMConsoleBar
+      :resource-type="value"
+      class="consoleBut"
+    />
     <div class="overview-basics">
       <div class="row">
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.name')" :value="value.nameDisplay">
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.name')"
+            :value="value.nameDisplay"
+          >
             <template #value>
               <div class="smart-row">
                 <div class="console">
@@ -149,13 +155,19 @@ export default {
           </LabelValue>
         </div>
         <div class="col span-6">
-          <LabelValue :name="t('harvester.fields.image')" :value="imageName" />
+          <LabelValue
+            :name="t('harvester.fields.image')"
+            :value="imageName"
+          />
         </div>
       </div>
 
       <div class="row">
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.hostname')" :value="hostname">
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.hostname')"
+            :value="hostname"
+          >
             <template #value>
               <div>
                 {{ hostname }}
@@ -165,7 +177,10 @@ export default {
         </div>
 
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.node')" :value="node">
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.node')"
+            :value="node"
+          >
             <template #value>
               <div>
                 {{ node }}
@@ -179,13 +194,19 @@ export default {
         <div class="col span-6">
           <LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
             <template #value>
-              <HarvesterIpAddress v-model:value="value.id" :row="value" />
+              <HarvesterIpAddress
+                v-model:value="value.id"
+                :row="value"
+              />
             </template>
           </LabelValue>
         </div>
 
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.created')" :value="creationTimestamp" />
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.created')"
+            :value="creationTimestamp"
+          />
         </div>
       </div>
 
@@ -195,10 +216,17 @@ export default {
 
       <div class="row">
         <div class="col span-6">
-          <InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
+          <InputOrDisplay
+            :name="t('harvester.virtualMachine.detail.details.bootOrder')"
+            :value="disks"
+            :mode="mode"
+          >
             <template #value>
               <ul>
-                <li  v-for="(disk, i) in disks" :key="i" >
+                <li
+                  v-for="(disk, i) in disks"
+                  :key="i"
+                >
                   {{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
                 </li>
               </ul>
@@ -206,11 +234,18 @@ export default {
           </InputOrDisplay>
         </div>
         <div class="col span-6">
-          <InputOrDisplay :name="t('harvester.virtualMachine.detail.details.CDROMs')" :value="cdroms" :mode="mode">
+          <InputOrDisplay
+            :name="t('harvester.virtualMachine.detail.details.CDROMs')"
+            :value="cdroms"
+            :mode="mode"
+          >
             <template #value>
               <div>
                 <ul v-if="cdroms.length > 0">
-                  <li  v-for="(rom, i) in cdroms" :key="i" >
+                  <li
+                    v-for="(rom, i) in cdroms"
+                    :key="i"
+                  >
                     {{ rom.name }}
                   </li>
                 </ul>
@@ -224,17 +259,29 @@ export default {
       </div>
       <div class="row">
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.operatingSystem')" :value="operatingSystem" />
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.operatingSystem')"
+            :value="operatingSystem"
+          />
         </div>
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.flavor')" :value="flavor" />
+        <LabelValue
+          :name="t('harvester.virtualMachine.detail.details.flavor')"
+          :value="flavor"
+        />
       </div>
       <div class="row">
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.detail.details.kernelRelease')" :value="kernelRelease" />
+          <LabelValue
+            :name="t('harvester.virtualMachine.detail.details.kernelRelease')"
+            :value="kernelRelease"
+          />
         </div>
 
         <div class="col span-6">
-          <LabelValue :name="t('harvester.virtualMachine.input.MachineType')" :value="machineType" />
+          <LabelValue
+            :name="t('harvester.virtualMachine.input.MachineType')"
+            :value="machineType"
+          />
         </div>
       </div>
     </div>
diff --git a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue
index 5c4d5209..c4433eab 100644
--- a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue
+++ b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineKeypairs.vue
@@ -42,7 +42,7 @@ export default {
     },
 
     isShow(id = '') {
-      const ssh = this.sshKeys.find(O => O?.data?.id === id) || {};
+      const ssh = this.sshKeys.find((O) => O?.data?.id === id) || {};
 
       return ssh.showKey || false;
     }
@@ -66,18 +66,31 @@ export default {
 
 <template>
   <div class="overview-sshKeys">
-    <div v-for="(ssh, index) in sshKeys" :key="index">
+    <div
+      v-for="(ssh, index) in sshKeys"
+      :key="index"
+    >
       <div class="col span-4">
         {{ ssh.id }}
       </div>
       <div class="col span-7 offset-1">
-        <div v-if="ssh.showKey" class="key-display">
+        <div
+          v-if="ssh.showKey"
+          class="key-display"
+        >
           {{ ssh.publicKey }}
-          <button class="btn btn-sm role-link hide-bar" @click="toggleShow(index)">
+          <button
+            class="btn btn-sm role-link hide-bar"
+            @click="toggleShow(index)"
+          >
             <i class="icon icon-x"></i>
           </button>
         </div>
-        <button v-else class="btn btn-sm role-link" @click="toggleShow(index)">
+        <button
+          v-else
+          class="btn btn-sm role-link"
+          @click="toggleShow(index)"
+        >
           *******<i class="icons icon-show"></i>
         </button>
       </div>
diff --git a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineMigration.vue b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineMigration.vue
index 65a940f2..02fe5432 100644
--- a/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineMigration.vue
+++ b/pkg/harvester/detail/kubevirt.io.virtualmachine/VirtualMachineTabs/VirtualMachineMigration.vue
@@ -60,19 +60,31 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.sourceNode')" :value="sourceNode" />
+        <LabelValue
+          :name="t('harvester.virtualMachine.detail.details.sourceNode')"
+          :value="sourceNode"
+        />
       </div>
       <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.targetNode')" :value="targetNode" />
+        <LabelValue
+          :name="t('harvester.virtualMachine.detail.details.targetNode')"
+          :value="targetNode"
+        />
       </div>
     </div>
 
     <div class="row mb-20">
       <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.started')" :value="started" />
+        <LabelValue
+          :name="t('harvester.virtualMachine.detail.details.started')"
+          :value="started"
+        />
       </div>
       <div class="col span-6">
-        <LabelValue :name="t('harvester.virtualMachine.detail.details.ended')" :value="ended" />
+        <LabelValue
+          :name="t('harvester.virtualMachine.detail.details.ended')"
+          :value="ended"
+        />
       </div>
     </div>
   </div>
diff --git a/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue b/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
index a1236646..d2eee944 100644
--- a/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
+++ b/pkg/harvester/detail/kubevirt.io.virtualmachine/index.vue
@@ -139,7 +139,7 @@ export default {
 
         const involvedName = e?.involvedObject?.name;
 
-        const matchPVC = pvcName.find(name => name === involvedName);
+        const matchPVC = pvcName.find((name) => name === involvedName);
 
         return (involvedName === name || involvedName === podName || matchPVC) && e.firstTimestamp >= creationTimestamp;
       }).sort((a, b) => {
@@ -182,12 +182,31 @@ export default {
 
 <template>
   <div>
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true" @changed="onTabChanged">
-      <Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table" :weight="7">
-        <OverviewBasics :value="value" :vmi="vmi" mode="view" />
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+      @changed="onTabChanged"
+    >
+      <Tab
+        name="basics"
+        :label="t('harvester.virtualMachine.detail.tabs.basics')"
+        class="bordered-table"
+        :weight="7"
+      >
+        <OverviewBasics
+          :value="value"
+          :vmi="vmi"
+          mode="view"
+        />
       </Tab>
 
-      <Tab name="disks" :label="t('harvester.tab.volume')" class="bordered-table" :weight="6">
+      <Tab
+        name="disks"
+        :label="t('harvester.tab.volume')"
+        class="bordered-table"
+        :weight="6"
+      >
         <Volume
           v-model:value="diskRows"
           mode="view"
@@ -197,15 +216,33 @@ export default {
         />
       </Tab>
 
-      <Tab name="networks" :label="t('harvester.virtualMachine.detail.tabs.networks')" class="bordered-table" :weight="5">
-        <Network v-model:value="networkRows" mode="view" />
+      <Tab
+        name="networks"
+        :label="t('harvester.virtualMachine.detail.tabs.networks')"
+        class="bordered-table"
+        :weight="5"
+      >
+        <Network
+          v-model:value="networkRows"
+          mode="view"
+        />
       </Tab>
 
-      <Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="4">
+      <Tab
+        name="keypairs"
+        :label="t('harvester.virtualMachine.detail.tabs.keypairs')"
+        class="bordered-table"
+        :weight="4"
+      >
         <OverviewKeypairs :value="value" />
       </Tab>
 
-      <Tab v-if="hasResourceQuotaSchema" name="quotas" :label="t('harvester.tab.quotas')" :weight="3">
+      <Tab
+        v-if="hasResourceQuotaSchema"
+        name="quotas"
+        :label="t('harvester.tab.quotas')"
+        :weight="3"
+      >
         <LabelValue
           :name="t('harvester.snapshot.totalSnapshotSize')"
           :value="totalSnapshotSize"
@@ -229,13 +266,27 @@ export default {
         </template>
       </Tab>
 
-      <Tab name="nodeScheduling" :label="t('workload.container.titles.nodeScheduling')" :weight="2.4">
+      <Tab
+        name="nodeScheduling"
+        :label="t('workload.container.titles.nodeScheduling')"
+        :weight="2.4"
+      >
         <template #default="{active}">
-          <NodeScheduling v-if="spec" :key="active" :mode="mode" :value="spec.template.spec" :nodes="nodesIdOptions" />
+          <NodeScheduling
+            v-if="spec"
+            :key="active"
+            :mode="mode"
+            :value="spec.template.spec"
+            :nodes="nodesIdOptions"
+          />
         </template>
       </Tab>
 
-      <Tab :label="t('harvester.tab.vmScheduling')" name="vmScheduling" :weight="2.3">
+      <Tab
+        :label="t('harvester.tab.vmScheduling')"
+        name="vmScheduling"
+        :weight="2.3"
+      >
         <template #default="{active}">
           <PodAffinity
             v-if="spec"
@@ -250,11 +301,25 @@ export default {
         </template>
       </Tab>
 
-      <Tab :label="t('harvester.tab.accessCredentials')" class="bordered-table" name="accessCredentials" :weight="2.2">
-        <AccessCredentials mode="view" :value="accessCredentials" :resourceType="value" />
+      <Tab
+        :label="t('harvester.tab.accessCredentials')"
+        class="bordered-table"
+        name="accessCredentials"
+        :weight="2.2"
+      >
+        <AccessCredentials
+          mode="view"
+          :value="accessCredentials"
+          :resource-type="value"
+        />
       </Tab>
 
-      <Tab name="cloudConfig" :label="t('harvester.virtualMachine.detail.tabs.cloudConfig')" class="bordered-table" :weight="2">
+      <Tab
+        name="cloudConfig"
+        :label="t('harvester.virtualMachine.detail.tabs.cloudConfig')"
+        class="bordered-table"
+        :weight="2"
+      >
         <CloudConfig
           ref="yamlEditor"
           mode="view"
@@ -263,12 +328,25 @@ export default {
         />
       </Tab>
 
-      <Tab name="event" :label="t('harvester.virtualMachine.detail.tabs.events')" :weight="1">
-        <Events :resource="vmi" :events="events" />
+      <Tab
+        name="event"
+        :label="t('harvester.virtualMachine.detail.tabs.events')"
+        :weight="1"
+      >
+        <Events
+          :resource="vmi"
+          :events="events"
+        />
       </Tab>
 
-      <Tab name="migration" :label="t('harvester.virtualMachine.detail.tabs.migration')">
-        <Migration :value="value" :vmi-resource="vmi" />
+      <Tab
+        name="migration"
+        :label="t('harvester.virtualMachine.detail.tabs.migration')"
+      >
+        <Migration
+          :value="value"
+          :vmi-resource="vmi"
+        />
       </Tab>
 
       <Tab
diff --git a/pkg/harvester/detail/loadbalancer.harvesterhci.io.ippool.vue b/pkg/harvester/detail/loadbalancer.harvesterhci.io.ippool.vue
index f339e2e9..bd371fdc 100644
--- a/pkg/harvester/detail/loadbalancer.harvesterhci.io.ippool.vue
+++ b/pkg/harvester/detail/loadbalancer.harvesterhci.io.ippool.vue
@@ -8,7 +8,7 @@ import { NETWORK_HEADERS } from '@pkg/harvester/list/harvesterhci.io.networkatta
 
 export default {
   emits: ['input'],
-  
+
   components: {
     ResourceTabs,
     Tab,
@@ -37,7 +37,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const networks = this.$store.getters[`${ inStore }/all`](NETWORK_ATTACHMENT);
 
-      return networks.filter(n => n?.id === this.value?.spec?.selector?.network);
+      return networks.filter((n) => n?.id === this.value?.spec?.selector?.network);
     },
 
     networkHeaders() {
@@ -74,8 +74,8 @@ export default {
 <template>
   <ResourceTabs
     :value="value"
-    @update:value="$emit('input', $event)"
     :need-related="false"
+    @update:value="$emit('input', $event)"
   >
     <Tab
       name="network"
diff --git a/pkg/harvester/detail/loadbalancer.harvesterhci.io.loadbalancer.vue b/pkg/harvester/detail/loadbalancer.harvesterhci.io.loadbalancer.vue
index fd9001c4..bda0223f 100644
--- a/pkg/harvester/detail/loadbalancer.harvesterhci.io.loadbalancer.vue
+++ b/pkg/harvester/detail/loadbalancer.harvesterhci.io.loadbalancer.vue
@@ -11,7 +11,7 @@ import { IP_POOL_HEADERS } from '../config/harvester-cluster';
 
 export default {
   emits: ['input'],
-  
+
   components: {
     ResourceTabs,
     Tab,
@@ -43,7 +43,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const ipPools = this.$store.getters[`${ inStore }/all`](HCI.IP_POOL);
 
-      return ipPools.filter(i => i.id === this.value.status.allocatedAddress.ipPool);
+      return ipPools.filter((i) => i.id === this.value.status.allocatedAddress.ipPool);
     },
 
     ipPoolHeaders() {
@@ -86,7 +86,7 @@ export default {
     },
 
     backendServerSelectors() {
-      return Object.keys(this.value.spec?.backendServerSelector || {}).map(key => ({
+      return Object.keys(this.value.spec?.backendServerSelector || {}).map((key) => ({
         key,
         value: this.value.spec.backendServerSelector[key],
       }));
@@ -105,12 +105,12 @@ export default {
     vmHeaders() {
       const filterNames = ['state', 'ip', 'node'];
 
-      return VM_HEADERS.filter(h => !filterNames.includes(h.name));
+      return VM_HEADERS.filter((h) => !filterNames.includes(h.name));
     },
 
     vms() {
       const inStore = this.$store.getters['currentProduct'].inStore;
-      const vms = this.$store.getters[`${ inStore }/all`](HCI.VM).filter(vm => vm.metadata.namespace === this.value.metadata.namespace);
+      const vms = this.$store.getters[`${ inStore }/all`](HCI.VM).filter((vm) => vm.metadata.namespace === this.value.metadata.namespace);
       const match = matching(vms, this.value?.spec?.backendServerSelector, 'spec.template.metadata.labels');
 
       return match;
@@ -122,8 +122,8 @@ export default {
 <template>
   <ResourceTabs
     :value="value"
-    @update:value="$emit('input', $event)"
     :need-related="false"
+    @update:value="$emit('input', $event)"
   >
     <Tab
       v-if="value.spec.ipam === 'pool'"
diff --git a/pkg/harvester/detail/network.harvesterhci.io.vlanconfig.vue b/pkg/harvester/detail/network.harvesterhci.io.vlanconfig.vue
index de9cae29..c6b7e025 100644
--- a/pkg/harvester/detail/network.harvesterhci.io.vlanconfig.vue
+++ b/pkg/harvester/detail/network.harvesterhci.io.vlanconfig.vue
@@ -12,7 +12,7 @@ import { HCI } from '@pkg/harvester/config/labels-annotations';
 
 export default {
   emits: ['input'],
-  
+
   components: {
     ResourceTabs,
     Tab,
@@ -64,7 +64,7 @@ export default {
       if (!isEmpty(selector)) {
         return matching(nodes, selector);
       } else if (matchedNodes && matchedNodes.length > 0) {
-        return nodes.filter(node => matchedNodes.includes(node.id));
+        return nodes.filter((node) => matchedNodes.includes(node.id));
       } else {
         return nodes;
       }
@@ -76,8 +76,8 @@ export default {
 <template>
   <ResourceTabs
     :value="value"
-    @update:value="$emit('input', $event)"
     :need-related="false"
+    @update:value="$emit('input', $event)"
   >
     <Tab
       name="node"
diff --git a/pkg/harvester/dialog/CloneVmDialog.vue b/pkg/harvester/dialog/CloneVmDialog.vue
index 7e00974c..2f33fbbf 100644
--- a/pkg/harvester/dialog/CloneVmDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/ConfirmRelatedToRemoveDialog.vue b/pkg/harvester/dialog/ConfirmRelatedToRemoveDialog.vue
index 063ef662..f044d56f 100644
--- a/pkg/harvester/dialog/ConfirmRelatedToRemoveDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/DeepCloneVmDialog.vue b/pkg/harvester/dialog/DeepCloneVmDialog.vue
index 1b8cef9d..e89f08de 100644
--- a/pkg/harvester/dialog/DeepCloneVmDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/EnablePciPassthrough.vue b/pkg/harvester/dialog/EnablePciPassthrough.vue
index b57fee25..1d5aaaa4 100644
--- a/pkg/harvester/dialog/EnablePciPassthrough.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/EnableSriovDevice.vue b/pkg/harvester/dialog/EnableSriovDevice.vue
index 89fa207a..ea66158a 100644
--- a/pkg/harvester/dialog/EnableSriovDevice.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/EnableUSBPassthrough.vue b/pkg/harvester/dialog/EnableUSBPassthrough.vue
index adc5750f..1ffe62ff 100644
--- a/pkg/harvester/dialog/EnableUSBPassthrough.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/EnableVGpuDevice.vue b/pkg/harvester/dialog/EnableVGpuDevice.vue
index ee29237b..72015f77 100644
--- a/pkg/harvester/dialog/EnableVGpuDevice.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterAddHotplugModal.vue b/pkg/harvester/dialog/HarvesterAddHotplugModal.vue
index b3830ca0..ba64bb21 100644
--- a/pkg/harvester/dialog/HarvesterAddHotplugModal.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterBackupModal.vue b/pkg/harvester/dialog/HarvesterBackupModal.vue
index 040fe6df..e4b1b6c3 100644
--- a/pkg/harvester/dialog/HarvesterBackupModal.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterCloneTemplate.vue b/pkg/harvester/dialog/HarvesterCloneTemplate.vue
index f9eac7a8..bfcf1241 100644
--- a/pkg/harvester/dialog/HarvesterCloneTemplate.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterEjectCDROMDialog.vue b/pkg/harvester/dialog/HarvesterEjectCDROMDialog.vue
index 6feedd5d..cf46508d 100644
--- a/pkg/harvester/dialog/HarvesterEjectCDROMDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterExportImageDialog.vue b/pkg/harvester/dialog/HarvesterExportImageDialog.vue
index 390bdb22..d088c3e1 100644
--- a/pkg/harvester/dialog/HarvesterExportImageDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterMaintenanceDialog.vue b/pkg/harvester/dialog/HarvesterMaintenanceDialog.vue
index 81991bd6..8bb137d1 100644
--- a/pkg/harvester/dialog/HarvesterMaintenanceDialog.vue
+++ b/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>
 
diff --git a/pkg/harvester/dialog/HarvesterMigrationDialog.vue b/pkg/harvester/dialog/HarvesterMigrationDialog.vue
index f4818a7e..40225d69 100644
--- a/pkg/harvester/dialog/HarvesterMigrationDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterQuotaDialog.vue b/pkg/harvester/dialog/HarvesterQuotaDialog.vue
index 9aecd71c..a3851ad9 100644
--- a/pkg/harvester/dialog/HarvesterQuotaDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterRestoreDialog.vue b/pkg/harvester/dialog/HarvesterRestoreDialog.vue
index f18a6035..a57075b6 100644
--- a/pkg/harvester/dialog/HarvesterRestoreDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterSupportBundle.vue b/pkg/harvester/dialog/HarvesterSupportBundle.vue
index 385f0745..b5def160 100644
--- a/pkg/harvester/dialog/HarvesterSupportBundle.vue
+++ b/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)"
diff --git a/pkg/harvester/dialog/HarvesterUnplugVolume.vue b/pkg/harvester/dialog/HarvesterUnplugVolume.vue
index 7d408ccb..8d362b06 100644
--- a/pkg/harvester/dialog/HarvesterUnplugVolume.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterVMSnapshotDialog.vue b/pkg/harvester/dialog/HarvesterVMSnapshotDialog.vue
index 76eea676..d7a5bd77 100644
--- a/pkg/harvester/dialog/HarvesterVMSnapshotDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/HarvesterVlanConfigMigrateDialog.vue b/pkg/harvester/dialog/HarvesterVlanConfigMigrateDialog.vue
index 31d83ba2..cb6ca07c 100644
--- a/pkg/harvester/dialog/HarvesterVlanConfigMigrateDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/MessageBox.vue b/pkg/harvester/dialog/MessageBox.vue
index 27a229a6..5a1292f9 100644
--- a/pkg/harvester/dialog/MessageBox.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/RestartVMDialog.vue b/pkg/harvester/dialog/RestartVMDialog.vue
index c158e65b..437050df 100644
--- a/pkg/harvester/dialog/RestartVMDialog.vue
+++ b/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">
diff --git a/pkg/harvester/dialog/RestoreSnapshotDialog.vue b/pkg/harvester/dialog/RestoreSnapshotDialog.vue
index aefe7d60..b5ae36cf 100644
--- a/pkg/harvester/dialog/RestoreSnapshotDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/SnapshotDialog.vue b/pkg/harvester/dialog/SnapshotDialog.vue
index b891ec59..abc15a57 100644
--- a/pkg/harvester/dialog/SnapshotDialog.vue
+++ b/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>
diff --git a/pkg/harvester/dialog/VolumeCloneDialog.vue b/pkg/harvester/dialog/VolumeCloneDialog.vue
index b48ab554..38b98d21 100644
--- a/pkg/harvester/dialog/VolumeCloneDialog.vue
+++ b/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>
diff --git a/pkg/harvester/edit/harvesterhci.io.addon/nvidia-driver-toolkit.vue b/pkg/harvester/edit/harvesterhci.io.addon/nvidia-driver-toolkit.vue
index 29d31188..26d83e12 100644
--- a/pkg/harvester/edit/harvesterhci.io.addon/nvidia-driver-toolkit.vue
+++ b/pkg/harvester/edit/harvesterhci.io.addon/nvidia-driver-toolkit.vue
@@ -97,7 +97,10 @@ export default {
       color="error"
       :label="t('harvester.addons.nvidiaDriverToolkit.parsingSpecError', null, { raw: true })"
     />
-    <Tabbed v-else :side-tabs="true">
+    <Tabbed
+      v-else
+      :side-tabs="true"
+    >
       <Tab
         name="basic"
         :label="t('harvester.addons.nvidiaDriverToolkit.titles.basic')"
@@ -113,7 +116,10 @@ export default {
           @update:value="toggleEnable"
         />
         <div v-if="value.spec.enabled">
-          <div v-if="valuesContentJson.image" class="row mb-15">
+          <div
+            v-if="valuesContentJson.image"
+            class="row mb-15"
+          >
             <div class="col span-6">
               <LabeledInput
                 v-model:value="valuesContentJson.image.repo"
diff --git a/pkg/harvester/edit/harvesterhci.io.addon/rancher-logging.vue b/pkg/harvester/edit/harvesterhci.io.addon/rancher-logging.vue
index b5c80551..89f91cf4 100644
--- a/pkg/harvester/edit/harvesterhci.io.addon/rancher-logging.vue
+++ b/pkg/harvester/edit/harvesterhci.io.addon/rancher-logging.vue
@@ -102,7 +102,12 @@ export default {
         :labels="[t('generic.enabled'), t('generic.disabled')]"
       />
     </Tab>
-    <Tab v-if="value.spec.enabled" name="fluentbit" :label="t('harvester.logging.configuration.section.fluentbit')" :weight="-1">
+    <Tab
+      v-if="value.spec.enabled"
+      name="fluentbit"
+      :label="t('harvester.logging.configuration.section.fluentbit')"
+      :weight="-1"
+    >
       <div class="row mt-20">
         <div class="col span-6">
           <LabeledInput
@@ -140,7 +145,12 @@ export default {
         </div>
       </div>
     </Tab>
-    <Tab v-if="value.spec.enabled" name="fluentd" :label="t('harvester.logging.configuration.section.fluentd')" :weight="-1">
+    <Tab
+      v-if="value.spec.enabled"
+      name="fluentd"
+      :label="t('harvester.logging.configuration.section.fluentd')"
+      :weight="-1"
+    >
       <div class="row mt-20">
         <div class="col span-6">
           <LabeledInput
diff --git a/pkg/harvester/edit/harvesterhci.io.addon/rancher-monitoring.vue b/pkg/harvester/edit/harvesterhci.io.addon/rancher-monitoring.vue
index b12ee54c..ddb63022 100644
--- a/pkg/harvester/edit/harvesterhci.io.addon/rancher-monitoring.vue
+++ b/pkg/harvester/edit/harvesterhci.io.addon/rancher-monitoring.vue
@@ -216,7 +216,12 @@ export default {
         :labels="[t('generic.enabled'), t('generic.disabled')]"
       />
     </Tab>
-    <Tab v-if="value.spec.enabled" name="prometheus" :label="t('harvester.setting.harvesterMonitoring.section.prometheus')" :weight="-1">
+    <Tab
+      v-if="value.spec.enabled"
+      name="prometheus"
+      :label="t('harvester.setting.harvesterMonitoring.section.prometheus')"
+      :weight="-1"
+    >
       <a
         v-clean-tooltip="!externalLinks.prometheus.enabled ? t('monitoring.overview.linkedList.na') : undefined"
         :disabled="!externalLinks.prometheus.enabled"
@@ -325,7 +330,12 @@ export default {
         </div>
       </div>
     </Tab>
-    <Tab v-if="value.spec.enabled" name="nodeExporter" :label="t('harvester.setting.harvesterMonitoring.section.prometheusNodeExporter')" :weight="-2">
+    <Tab
+      v-if="value.spec.enabled"
+      name="nodeExporter"
+      :label="t('harvester.setting.harvesterMonitoring.section.prometheusNodeExporter')"
+      :weight="-2"
+    >
       <div class="row mt-10">
         <div class="col span-6">
           <LabeledInput
@@ -363,7 +373,12 @@ export default {
         </div>
       </div>
     </Tab>
-    <Tab v-if="value.spec.enabled && valuesContentJson.grafana.resources" name="grafana" :label="t('harvester.setting.harvesterMonitoring.section.grafana')" :weight="-3">
+    <Tab
+      v-if="value.spec.enabled && valuesContentJson.grafana.resources"
+      name="grafana"
+      :label="t('harvester.setting.harvesterMonitoring.section.grafana')"
+      :weight="-3"
+    >
       <a
         v-clean-tooltip="!externalLinks.grafana.enabled ? t('monitoring.overview.linkedList.na') : undefined"
         :disabled="!externalLinks.grafana.enabled"
@@ -425,7 +440,12 @@ export default {
         </div>
       </div>
     </Tab>
-    <Tab v-if="value.spec.enabled" name="alertmanager" :label="t('harvester.setting.harvesterMonitoring.section.alertmanager')" :weight="-4">
+    <Tab
+      v-if="value.spec.enabled"
+      name="alertmanager"
+      :label="t('harvester.setting.harvesterMonitoring.section.alertmanager')"
+      :weight="-4"
+    >
       <RadioGroup
         v-model:value="valuesContentJson.alertmanager.enabled"
         class="mb-20"
diff --git a/pkg/harvester/edit/harvesterhci.io.addon/vm-import-controller.vue b/pkg/harvester/edit/harvesterhci.io.addon/vm-import-controller.vue
index 89852172..86b6f72e 100644
--- a/pkg/harvester/edit/harvesterhci.io.addon/vm-import-controller.vue
+++ b/pkg/harvester/edit/harvesterhci.io.addon/vm-import-controller.vue
@@ -86,7 +86,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 {
@@ -106,7 +106,7 @@ export default {
 
     setDefaultClassName() {
       const inStore = this.$store.getters['currentProduct'].inStore;
-      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.valuesContent.pvcClaim['storageClassName'] = this.valuesContent?.pvcClaim?.storageClassName || defaultStorage?.metadata?.name || 'longhorn';
 
diff --git a/pkg/harvester/edit/harvesterhci.io.cloudtemplate.vue b/pkg/harvester/edit/harvesterhci.io.cloudtemplate.vue
index b79b24e5..f5a09e17 100644
--- a/pkg/harvester/edit/harvesterhci.io.cloudtemplate.vue
+++ b/pkg/harvester/edit/harvesterhci.io.cloudtemplate.vue
@@ -83,13 +83,17 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :namespaced="true"
+      @update:value="$emit('update:value', $event)"
     />
 
     <Tabbed :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="1">
+      <Tab
+        name="basics"
+        :label="t('harvester.host.tabs.basics')"
+        :weight="1"
+      >
         <div class="mb-20">
           <LabeledSelect
             v-model:value="type"
diff --git a/pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue b/pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue
index 05e0c574..e0204e0a 100644
--- a/pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue
+++ b/pkg/harvester/edit/harvesterhci.io.host/HarvesterDisk.vue
@@ -1,6 +1,8 @@
 <script>
 import { allHash } from '@shell/utils/promise';
-import { CSI_DRIVER, LONGHORN, LONGHORN_DRIVER, LONGHORN_VERSION_V1, LONGHORN_VERSION_V2 } from '@shell/config/types';
+import {
+  CSI_DRIVER, LONGHORN, LONGHORN_DRIVER, LONGHORN_VERSION_V1, LONGHORN_VERSION_V2
+} from '@shell/config/types';
 import { LabeledInput } from '@components/Form/LabeledInput';
 import LabelValue from '@shell/components/LabelValue';
 import { BadgeState } from '@components/BadgeState';
@@ -123,7 +125,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const lvmVolumeGroups = this.$store.getters[`${ inStore }/all`](HCI.LVM_VOLUME_GROUP) || [];
 
-      const out = lvmVolumeGroups.filter(group => group.spec.nodeName === this.node.name).map(g => g.spec.vgName);
+      const out = lvmVolumeGroups.filter((group) => group.spec.nodeName === this.node.name).map((g) => g.spec.vgName);
 
       out.unshift({
         label: this.t('harvester.host.disk.lvmVolumeGroup.create'),
@@ -134,7 +136,7 @@ export default {
     },
 
     targetDisk() {
-      return this.disks.find(disk => disk.name === this.value.name);
+      return this.disks.find((disk) => disk.name === this.value.name);
     },
 
     schedulableTooltipMessage() {
@@ -329,7 +331,10 @@ export default {
 </script>
 
 <template>
-  <div class="disk" @update:value="update">
+  <div
+    class="disk"
+    @update:value="update"
+  >
     <div class="mt-10" />
     <Banner
       v-if="mountedMessage && isProvisioned"
@@ -395,7 +400,10 @@ export default {
           </div>
         </div>
       </div>
-      <div v-if="!value.isNew" class="row mt-30">
+      <div
+        v-if="!value.isNew"
+        class="row mt-30"
+      >
         <div class="col flex span-12">
           <LabelValue
             :name="t('harvester.host.disk.storageAvailable.label')"
@@ -422,7 +430,7 @@ export default {
         />
       </div>
     </div>
- 
+
     <div class="row mt-10">
       <div :class="`col span-${ value.isNew ? '6': '12' }`">
         <LabeledSelect
@@ -437,7 +445,10 @@ export default {
           @keydown.native.enter.prevent="()=>{}"
         />
       </div>
-      <div v-if="(value.isNew && isLonghornV1 && !isFormatted) || isCorrupted" class="col span-6">
+      <div
+        v-if="(value.isNew && isLonghornV1 && !isFormatted) || isCorrupted"
+        class="col span-6"
+      >
         <RadioGroup
           v-model:value="value.forceFormatted"
           :mode="mode"
@@ -459,7 +470,10 @@ export default {
           </template>
         </RadioGroup>
       </div>
-      <div v-if="value.isNew && isLvm" class="col span-6">
+      <div
+        v-if="value.isNew && isLvm"
+        class="col span-6"
+      >
         <LabeledSelect
           v-model:value="value.lvmVolumeGroup"
           :mode="mode"
diff --git a/pkg/harvester/edit/harvesterhci.io.host/HarvesterKsmtuned.vue b/pkg/harvester/edit/harvesterhci.io.host/HarvesterKsmtuned.vue
index 33446e0b..6e53ed91 100644
--- a/pkg/harvester/edit/harvesterhci.io.host/HarvesterKsmtuned.vue
+++ b/pkg/harvester/edit/harvesterhci.io.host/HarvesterKsmtuned.vue
@@ -136,10 +136,20 @@ export default {
         class="mb-20"
       />
 
-      <Checkbox v-model:value="enableMergeAcrossNodes" :mode="mode" class="check mb-20" type="checkbox" :label="t('harvester.host.ksmtuned.enableMergeNodes')" />
+      <Checkbox
+        v-model:value="enableMergeAcrossNodes"
+        :mode="mode"
+        class="check mb-20"
+        type="checkbox"
+        :label="t('harvester.host.ksmtuned.enableMergeNodes')"
+      />
 
       <h3>
-        <t k="harvester.host.ksmtuned.modeLink" :raw="true" :url="ksmtunedLink" />
+        <t
+          k="harvester.host.ksmtuned.modeLink"
+          :raw="true"
+          :url="ksmtunedLink"
+        />
       </h3>
       <RadioGroup
         v-model:value="spec.mode"
diff --git a/pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue b/pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue
index 53b177af..241721bb 100644
--- a/pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue
+++ b/pkg/harvester/edit/harvesterhci.io.host/HarvesterSeeder.vue
@@ -250,7 +250,9 @@ export default {
   <div>
     <div v-if="inventory.warningMessages.length > 0">
       <Banner
-         v-for="(msg, i) in inventory.warningMessages" :key="i" color="error"
+        v-for="(msg, i) in inventory.warningMessages"
+        :key="i"
+        color="error"
         :label="msg.text"
       />
     </div>
@@ -343,9 +345,9 @@ export default {
         <template #content>
           <NameNsDescription
             :value="secret"
-            @update:value="$emit('update:value', $event)"
             :namespaced="true"
             mode="create"
+            @update:value="$emit('update:value', $event)"
           />
 
           <LabeledInput
diff --git a/pkg/harvester/edit/harvesterhci.io.host/index.vue b/pkg/harvester/edit/harvesterhci.io.host/index.vue
index fba80ff3..9ba60f46 100644
--- a/pkg/harvester/edit/harvesterhci.io.host/index.vue
+++ b/pkg/harvester/edit/harvesterhci.io.host/index.vue
@@ -9,7 +9,9 @@ import ArrayListGrouped from '@shell/components/form/ArrayListGrouped';
 import ButtonDropdown from '@shell/components/ButtonDropdown';
 import CreateEditView from '@shell/mixins/create-edit-view';
 import { HCI as HCI_LABELS_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
-import { LONGHORN, SECRET, LONGHORN_DRIVER, LONGHORN_VERSION_V1, LONGHORN_VERSION_V2 } from '@shell/config/types';
+import {
+  LONGHORN, SECRET, LONGHORN_DRIVER, LONGHORN_VERSION_V1, LONGHORN_VERSION_V2
+} from '@shell/config/types';
 import { allHash } from '@shell/utils/promise';
 import { formatSi } from '@shell/utils/units';
 import { findBy } from '@shell/utils/array';
@@ -37,7 +39,7 @@ export const LONGHORN_SYSTEM = 'longhorn-system';
 export const LONGHORN_V2_DATA_ENGINE = 'longhorn-system/v2-data-engine';
 
 export default {
-  name:       'HarvesterEditNode',
+  name: 'HarvesterEditNode',
 
   emits: ['update:value'],
 
@@ -58,9 +60,9 @@ export default {
     HarvesterSeeder,
     MessageLink,
   },
-  mixins: [CreateEditView],
+  mixins:       [CreateEditView],
   inheritAttrs: false,
-  props:  {
+  props:        {
     value: {
       type:     Object,
       required: true,
@@ -114,7 +116,7 @@ export default {
     this.blockDeviceOpts = this.getBlockDeviceOpts();
 
     const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
-    const seeder = addons.find(addon => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
+    const seeder = addons.find((addon) => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
 
     const seederEnabled = seeder ? seeder?.spec?.enabled : false;
 
@@ -122,7 +124,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const inventories = this.$store.getters[`${ inStore }/all`](HCI.INVENTORY) || [];
 
-      const inventory = inventories.find(inv => inv.id === `harvester-system/${ this.value.id }`);
+      const inventory = inventories.find((inv) => inv.id === `harvester-system/${ this.value.id }`);
 
       if (inventory) {
         this.inventory = await this.$store.dispatch(`${ inStore }/clone`, { resource: inventory });
@@ -214,7 +216,7 @@ export default {
     },
 
     showFormattedWarning() {
-      const out = this.newDisks.filter(d => d.forceFormatted && d.isNew && d.provisionerVersion === LONGHORN_VERSION_V1) || [];
+      const out = this.newDisks.filter((d) => d.forceFormatted && d.isNew && d.provisionerVersion === LONGHORN_VERSION_V1) || [];
 
       return out.length > 0;
     },
@@ -235,13 +237,13 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const longhornNodes = this.$store.getters[`${ inStore }/all`](LONGHORN.NODES);
 
-      return longhornNodes.find(node => node.id === `${ LONGHORN_SYSTEM }/${ this.value.id }`);
+      return longhornNodes.find((node) => node.id === `${ LONGHORN_SYSTEM }/${ this.value.id }`);
     },
 
     seederEnabled() {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
-      const seeder = addons.find(addon => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
+      const seeder = addons.find((addon) => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
 
       return seeder ? seeder?.spec?.enabled : false;
     },
@@ -271,7 +273,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
 
-      return addons.find(addon => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
+      return addons.find((addon) => addon.id === `harvester-system/${ ADD_ONS.HARVESTER_SEEDER }`);
     },
 
     hasInventorySchema() {
@@ -350,8 +352,8 @@ export default {
 
     async saveDisk() {
       const inStore = this.$store.getters['currentProduct'].inStore;
-      const addDisks = this.newDisks.filter(d => d.isNew);
-      const removeDisks = this.disks.filter(d => !findBy(this.newDisks, 'name', d.name) && d.blockDevice);
+      const addDisks = this.newDisks.filter((d) => d.isNew);
+      const removeDisks = this.disks.filter((d) => !findBy(this.newDisks, 'name', d.name) && d.blockDevice);
 
       if (addDisks.length === 0 && removeDisks.length === 0) {
         return Promise.resolve();
@@ -459,7 +461,7 @@ export default {
           const sizeBytes = d.status?.deviceStatus?.capacity?.sizeBytes;
           const size = formatSi(sizeBytes, { increment: 1024 });
           const parentDevice = d.status?.deviceStatus?.parentDevice;
-          const isChildAdded = this.newDisks.find(newDisk => newDisk.blockDevice?.status?.deviceStatus?.parentDevice === devPath);
+          const isChildAdded = this.newDisks.find((newDisk) => newDisk.blockDevice?.status?.deviceStatus?.parentDevice === devPath);
           const name = d.displayName;
 
           let label = `${ name } (Type: ${ deviceType }, Size: ${ size })`;
@@ -528,7 +530,7 @@ export default {
               opt:  { force: true },
             });
 
-            await new Promise(resolve => setTimeout(resolve, '5000'));
+            await new Promise((resolve) => setTimeout(resolve, '5000'));
             await retrySave();
           } else {
             return Promise.reject(exceptionToErrorsArray(err));
@@ -545,16 +547,27 @@ export default {
 </script>
 <template>
   <Loading v-if="$fetchState.pending" />
-  <div v-else id="node">
+  <div
+    v-else
+    id="node"
+  >
     <div class="content">
       <NameNsDescription
         :value="value"
-        @update:value="$emit('update:value', $event)"
         :namespaced="false"
         :mode="mode"
+        @update:value="$emit('update:value', $event)"
       />
-      <Tabbed ref="tabbed" class="mt-15" :side-tabs="true">
-        <Tab name="basics" :weight="100" :label="t('harvester.host.tabs.basics')">
+      <Tabbed
+        ref="tabbed"
+        class="mt-15"
+        :side-tabs="true"
+      >
+        <Tab
+          name="basics"
+          :weight="100"
+          :label="t('harvester.host.tabs.basics')"
+        >
           <LabeledInput
             v-model:value="customName"
             :label="t('harvester.host.detail.customName')"
@@ -637,8 +650,17 @@ export default {
             </template>
           </ArrayListGrouped>
         </Tab>
-        <Tab v-if="hasKsmtunedSchema" name="Ksmtuned" :weight="70" :label="t('harvester.host.tabs.ksmtuned')">
-          <HarvesterKsmtuned :mode="mode" :node="value" :register-before-hook="registerBeforeHook" />
+        <Tab
+          v-if="hasKsmtunedSchema"
+          name="Ksmtuned"
+          :weight="70"
+          :label="t('harvester.host.tabs.ksmtuned')"
+        >
+          <HarvesterKsmtuned
+            :mode="mode"
+            :node="value"
+            :register-before-hook="registerBeforeHook"
+          />
         </Tab>
         <Tab
           v-if="hasAddonSchema"
@@ -678,7 +700,10 @@ export default {
             />
           </div>
         </Tab>
-        <Tab name="labels" label-key="harvester.host.tabs.labels">
+        <Tab
+          name="labels"
+          label-key="harvester.host.tabs.labels"
+        >
           <KeyValue
             key="labels"
             :value="filteredLabels"
@@ -697,7 +722,13 @@ export default {
       />
     </div>
 
-    <Footer class="footer" :mode="mode" :errors="errors" @save="save" @done="done" />
+    <Footer
+      class="footer"
+      :mode="mode"
+      :errors="errors"
+      @save="save"
+      @done="done"
+    />
   </div>
 </template>
 <style lang="scss" scoped>
diff --git a/pkg/harvester/edit/harvesterhci.io.keypair.vue b/pkg/harvester/edit/harvesterhci.io.keypair.vue
index a513cc54..d6cf52e7 100644
--- a/pkg/harvester/edit/harvesterhci.io.keypair.vue
+++ b/pkg/harvester/edit/harvesterhci.io.keypair.vue
@@ -90,12 +90,21 @@ export default {
       ref="nd"
       :key="randomString"
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
+      @update:value="$emit('update:value', $event)"
     />
 
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basic" :label="t('harvester.sshKey.tabs.basics')" :weight="1" class="bordered-table">
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+    >
+      <Tab
+        name="basic"
+        :label="t('harvester.sshKey.tabs.basics')"
+        :weight="1"
+        class="bordered-table"
+      >
         <LabeledInput
           v-model:value="publicKey"
           type="multiline"
diff --git a/pkg/harvester/edit/harvesterhci.io.logging.clusterflow.vue b/pkg/harvester/edit/harvesterhci.io.logging.clusterflow.vue
index c889d68f..dca961ce 100644
--- a/pkg/harvester/edit/harvesterhci.io.logging.clusterflow.vue
+++ b/pkg/harvester/edit/harvesterhci.io.logging.clusterflow.vue
@@ -13,7 +13,7 @@ export default {
     this.registerBeforeHook(this.willSave, 'willSave');
     this.registerAfterHook(() => {
       const allNamespaces = this.$store.getters['allNamespaces'];
-      const defaultNamepsace = allNamespaces.find(N => N.id === 'default');
+      const defaultNamepsace = allNamespaces.find((N) => N.id === 'default');
       const ns = defaultNamepsace?.id || allNamespaces?.[0]?.id || '';
 
       this.value.$dispatch('prefs/set', { key: LAST_NAMESPACE, value: ns }, { root: true });
diff --git a/pkg/harvester/edit/harvesterhci.io.logging.clusteroutput.vue b/pkg/harvester/edit/harvesterhci.io.logging.clusteroutput.vue
index 85d6f434..e475bd44 100644
--- a/pkg/harvester/edit/harvesterhci.io.logging.clusteroutput.vue
+++ b/pkg/harvester/edit/harvesterhci.io.logging.clusteroutput.vue
@@ -11,7 +11,7 @@ export default {
 
     this.registerAfterHook(() => {
       const allNamespaces = this.$store.getters['allNamespaces'];
-      const defaultNamepsace = allNamespaces.find(N => N.id === 'default');
+      const defaultNamepsace = allNamespaces.find((N) => N.id === 'default');
       const ns = defaultNamepsace?.id || allNamespaces?.[0]?.id || '';
 
       this.value.$dispatch('prefs/set', { key: LAST_NAMESPACE, value: ns }, { root: true });
diff --git a/pkg/harvester/edit/harvesterhci.io.logging.output.vue b/pkg/harvester/edit/harvesterhci.io.logging.output.vue
index 52bd8607..496608f1 100644
--- a/pkg/harvester/edit/harvesterhci.io.logging.output.vue
+++ b/pkg/harvester/edit/harvesterhci.io.logging.output.vue
@@ -77,7 +77,7 @@ export default {
 
     set(this.value, 'spec', this.value.spec || {});
 
-    const providers = PROVIDERS.map(provider => ({
+    const providers = PROVIDERS.map((provider) => ({
       ...provider,
       value: provider.name,
       label: this.t(provider.labelKey)
@@ -117,7 +117,7 @@ export default {
       return EDITOR_MODES;
     },
     enabledProviders() {
-      return this.providers.filter(p => p.enabled);
+      return this.providers.filter((p) => p.enabled);
     },
     cruMode() {
       if (this.selectedProviders.length > 1 || !this.value.allProvidersSupported) {
@@ -192,20 +192,35 @@ export default {
       <NameNsDescription
         v-if="!isView"
         :value="value"
-        @update:value="$emit('update:value', $event)"
         :mode="mode"
         label="generic.name"
         :register-before-hook="registerBeforeHook"
         :namespaced="value.type !== LOGGING.CLUSTER_OUTPUT"
+        @update:value="$emit('update:value', $event)"
       />
-      <Banner v-if="selectedProviders.length > 1" color="info">
+      <Banner
+        v-if="selectedProviders.length > 1"
+        color="info"
+      >
         {{ t('logging.output.tips.singleProvider') }}
       </Banner>
-      <Banner v-else-if="!value.allProvidersSupported" color="info">
+      <Banner
+        v-else-if="!value.allProvidersSupported"
+        color="info"
+      >
         {{ t('logging.output.tips.multipleProviders') }}
       </Banner>
-      <Tabbed v-else ref="tabbed" :side-tabs="true" @changed="tabChanged($event)">
-        <Tab name="Output" label="Output" :weight="2">
+      <Tabbed
+        v-else
+        ref="tabbed"
+        :side-tabs="true"
+        @changed="tabChanged($event)"
+      >
+        <Tab
+          name="Output"
+          label="Output"
+          :weight="2"
+        >
           <div class="row">
             <div class="col span-6">
               <LabeledSelect
@@ -220,13 +235,27 @@ export default {
           </div>
           <div class="row">
             <div class="col span-6">
-              <LabeledSelect v-model:value="selectedProvider" label="Output" :options="providers" :mode="mode" />
+              <LabeledSelect
+                v-model:value="selectedProvider"
+                label="Output"
+                :options="providers"
+                :mode="mode"
+              />
             </div>
           </div>
           <div class="spacer"></div>
-          <component :is="getComponent(selectedProvider)" :value="value.spec[selectedProvider]" :namespace="value.namespace" :mode="mode" />
+          <component
+            :is="getComponent(selectedProvider)"
+            :value="value.spec[selectedProvider]"
+            :namespace="value.namespace"
+            :mode="mode"
+          />
         </Tab>
-        <Tab name="buffer" :label="t('logging.output.buffer.label')" :weight="1">
+        <Tab
+          name="buffer"
+          :label="t('logging.output.buffer.label')"
+          :weight="1"
+        >
           <YamlEditor
             ref="yaml"
             v-model:value="bufferYaml"
diff --git a/pkg/harvester/edit/harvesterhci.io.monitoring.alertmanagerconfig/index.vue b/pkg/harvester/edit/harvesterhci.io.monitoring.alertmanagerconfig/index.vue
index ec40027b..0bf5c38f 100644
--- a/pkg/harvester/edit/harvesterhci.io.monitoring.alertmanagerconfig/index.vue
+++ b/pkg/harvester/edit/harvesterhci.io.monitoring.alertmanagerconfig/index.vue
@@ -16,7 +16,7 @@ import { _CREATE, _EDIT, _VIEW, _CONFIG } from '@shell/config/query-params';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     ActionMenu,
     CruResource,
@@ -54,7 +54,7 @@ export default {
     const defaultReceiverValues = {};
     const receiverSchema = this.$store.getters['harvester/schemaFor'](MONITORING.SPOOFED.ALERTMANAGERCONFIG_RECEIVER_SPEC);
     const routeSchema = this.$store.getters['harvester/schemaFor'](MONITORING.SPOOFED.ALERTMANAGERCONFIG_ROUTE_SPEC);
-    const receiverOptions = (this.value?.spec?.receivers || []).map(receiver => receiver.name);
+    const receiverOptions = (this.value?.spec?.receivers || []).map((receiver) => receiver.name);
 
     return {
       actionMenuTargetElement:  null,
@@ -195,9 +195,9 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :namespaced="isNamespaced"
+      @update:value="$emit('update:value', $event)"
     />
 
     <Tabbed>
diff --git a/pkg/harvester/edit/harvesterhci.io.networkattachmentdefinition.vue b/pkg/harvester/edit/harvesterhci.io.networkattachmentdefinition.vue
index 26515d9e..cbfe66a5 100644
--- a/pkg/harvester/edit/harvesterhci.io.networkattachmentdefinition.vue
+++ b/pkg/harvester/edit/harvesterhci.io.networkattachmentdefinition.vue
@@ -17,7 +17,7 @@ const MANUAL = 'manual';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     Tab,
     Tabbed,
@@ -191,11 +191,20 @@ export default {
     <NameNsDescription
       ref="nd"
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
+      @update:value="$emit('update:value', $event)"
     />
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.network.tabs.basics')" :weight="99" class="bordered-table">
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+    >
+      <Tab
+        name="basics"
+        :label="t('harvester.network.tabs.basics')"
+        :weight="99"
+        class="bordered-table"
+      >
         <LabeledSelect
           v-model:value="type"
           class="mb-20"
diff --git a/pkg/harvester/edit/harvesterhci.io.schedulevmbackup.vue b/pkg/harvester/edit/harvesterhci.io.schedulevmbackup.vue
index 8584ba8c..795ec41d 100644
--- a/pkg/harvester/edit/harvesterhci.io.schedulevmbackup.vue
+++ b/pkg/harvester/edit/harvesterhci.io.schedulevmbackup.vue
@@ -73,7 +73,7 @@ export default {
           cron:       '',
           retain:     8,
           maxFailure: 4,
-          vmbackup: {
+          vmbackup:   {
             source: {
               apiGroup: 'kubevirt.io',
               kind:     'VirtualMachine',
@@ -90,7 +90,7 @@ export default {
 
   computed: {
     backupTargetResource() {
-      return this.settings.find( O => O.id === 'backup-target');
+      return this.settings.find( (O) => O.id === 'backup-target');
     },
     isEmptyValue() {
       return this.getBackupTargetValueIsEmpty(this.backupTargetResource);
@@ -112,8 +112,8 @@ export default {
       return this.value.spec.vmbackup.type === BACKUP_TYPE.BACKUP && (this.errorMessage || this.isEmptyValue) && this.canUpdate;
     },
     vmOptions() {
-      const nsVmList = this.$store.getters['harvester/all'](HCI.VM).filter(vm => vm.metadata.namespace === this.value.metadata.namespace);
-      const vmObjectLists = nsVmList.map(obj => ({
+      const nsVmList = this.$store.getters['harvester/all'](HCI.VM).filter((vm) => vm.metadata.namespace === this.value.metadata.namespace);
+      const vmObjectLists = nsVmList.map((obj) => ({
         label: obj.nameDisplay,
         value: obj.name,
       }));
@@ -196,7 +196,7 @@ export default {
     :mode="mode"
     :errors="errors"
     :apply-hooks="applyHooks"
-    :validationPassed="canSave"
+    :validation-passed="canSave"
     @finish="save"
     @error="e=>errors = e"
   >
@@ -258,8 +258,17 @@ export default {
         </div>
       </div>
     </div>
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
-      <Tab name="basics" :label="t('harvester.network.tabs.basics')" :weight="99" class="bordered-table">
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+    >
+      <Tab
+        name="basics"
+        :label="t('harvester.network.tabs.basics')"
+        :weight="99"
+        class="bordered-table"
+      >
         <LabeledInput
           v-model:value="value.spec.cron"
           class="mb-30"
diff --git a/pkg/harvester/edit/harvesterhci.io.secret.vue b/pkg/harvester/edit/harvesterhci.io.secret.vue
index b7a94c52..a98161ed 100644
--- a/pkg/harvester/edit/harvesterhci.io.secret.vue
+++ b/pkg/harvester/edit/harvesterhci.io.secret.vue
@@ -160,7 +160,7 @@ export default {
   created() {
     this.registerAfterHook(() => {
       const allNamespaces = this.$store.getters['allNamespaces'];
-      const defaultNamepsace = allNamespaces.find(N => N.id === 'default');
+      const defaultNamepsace = allNamespaces.find((N) => N.id === 'default');
       const ns = defaultNamepsace?.id || allNamespaces?.[0]?.id || '';
 
       this.value.$dispatch('prefs/set', { key: LAST_NAMESPACE, value: ns }, { root: true });
@@ -238,9 +238,9 @@ export default {
     >
       <NameNsDescription
         :value="value"
-        @update:value="$emit('update:value', $event)"
         :mode="mode"
         :namespaced="!isCloud"
+        @update:value="$emit('update:value', $event)"
       />
 
       <div class="spacer" />
diff --git a/pkg/harvester/edit/harvesterhci.io.setting.vue b/pkg/harvester/edit/harvesterhci.io.setting.vue
index f6580f15..00344af4 100644
--- a/pkg/harvester/edit/harvesterhci.io.setting.vue
+++ b/pkg/harvester/edit/harvesterhci.io.setting.vue
@@ -31,7 +31,7 @@ export default {
     let enumOptions = [];
 
     if (setting.kind === 'enum') {
-      enumOptions = setting.options.map(id => ({
+      enumOptions = setting.options.map((id) => ({
         label: `advancedSettings.enum.harv-${ this.value.id }.${ id }`,
         value: id
       }));
@@ -53,7 +53,7 @@ export default {
     const customSettingComponents = require
       .context('../components/settings', false, /^.*\.vue$/)
       .keys()
-      .map(path => path.replace(/(\.\/)|(.vue)/g, ''));
+      .map((path) => path.replace(/(\.\/)|(.vue)/g, ''));
 
     return {
       setting,
@@ -183,7 +183,11 @@ export default {
   >
     <h4 v-clean-html="description"></h4>
 
-    <h5 v-if="editHelp" v-clean-html="editHelp" class="edit-help" />
+    <h5
+      v-if="editHelp"
+      v-clean-html="editHelp"
+      class="edit-help"
+    />
 
     <div class="edit-change mt-20">
       <h5 v-t="'advancedSettings.edit.changeSetting'" />
@@ -229,7 +233,10 @@ export default {
         />
       </div>
       <div v-else-if="setting.kind === 'multiline' || setting.kind === 'json'">
-        <TextAreaAutoGrow v-model:value="value.value" :min-height="254" />
+        <TextAreaAutoGrow
+          v-model:value="value.value"
+          :min-height="254"
+        />
       </div>
       <div v-else>
         <LabeledInput
diff --git a/pkg/harvester/edit/harvesterhci.io.storage/index.vue b/pkg/harvester/edit/harvesterhci.io.storage/index.vue
index 192a2760..d3533cb4 100644
--- a/pkg/harvester/edit/harvesterhci.io.storage/index.vue
+++ b/pkg/harvester/edit/harvesterhci.io.storage/index.vue
@@ -13,7 +13,9 @@ import Loading from '@shell/components/Loading';
 
 import { _CREATE, _VIEW } from '@shell/config/query-params';
 import { mapFeature, UNSUPPORTED_STORAGE_DRIVERS } from '@shell/store/features';
-import { STORAGE_CLASS, LONGHORN, LONGHORN_DRIVER, SECRET, NAMESPACE } from '@shell/config/types';
+import {
+  STORAGE_CLASS, LONGHORN, LONGHORN_DRIVER, SECRET, NAMESPACE
+} from '@shell/config/types';
 import { allHash } from '@shell/utils/promise';
 import { clone } from '@shell/utils/object';
 import { CSI_DRIVER } from '../../types';
@@ -84,7 +86,7 @@ export default {
       }
     ];
 
-    const allowedTopologies = clone(this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter(t => t.key !== LVM_TOPOLOGY_LABEL);
+    const allowedTopologies = clone(this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter((t) => t.key !== LVM_TOPOLOGY_LABEL);
 
     this.value['parameters'] = this.value.parameters || {};
     this.value['provisioner'] = this.value.provisioner || LONGHORN_DRIVER;
@@ -200,7 +202,7 @@ export default {
       let parameters = {};
 
       if (provisioner === LVM_DRIVER) {
-        const matchLabelExpressions = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter(t => t.key !== LVM_TOPOLOGY_LABEL);
+        const matchLabelExpressions = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter((t) => t.key !== LVM_TOPOLOGY_LABEL);
 
         if (matchLabelExpressions.length > 0) {
           this.value['allowedTopologies'] = [{ matchLabelExpressions }];
@@ -246,8 +248,8 @@ export default {
     },
 
     formatAllowedTopoloties() {
-      const neu = this.allowedTopologies.filter(t => t.key !== LVM_TOPOLOGY_LABEL);
-      const lvmMatchExpression = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter(t => t.key === LVM_TOPOLOGY_LABEL);
+      const neu = this.allowedTopologies.filter((t) => t.key !== LVM_TOPOLOGY_LABEL);
+      const lvmMatchExpression = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).filter((t) => t.key === LVM_TOPOLOGY_LABEL);
 
       if (!neu || neu.length === 0) {
         if (lvmMatchExpression.length > 0) {
@@ -259,7 +261,7 @@ export default {
         return;
       }
 
-      const matchLabelExpressions = neu.filter(R => !!R.key.trim() && (R.values.length > 0 && !R.values.find(V => !V.trim())));
+      const matchLabelExpressions = neu.filter((R) => !!R.key.trim() && (R.values.length > 0 && !R.values.find((V) => !V.trim())));
 
       if (matchLabelExpressions.length > 0) {
         this.value.allowedTopologies = [{ matchLabelExpressions: [...matchLabelExpressions, ...lvmMatchExpression] }];
@@ -287,9 +289,9 @@ export default {
     <NameNsDescription
       :namespaced="false"
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :register-before-hook="registerBeforeHook"
+      @update:value="$emit('update:value', $event)"
     />
     <LabeledSelect
       v-model:value="provisioner"
@@ -302,7 +304,11 @@ export default {
       class="mb-20"
     />
     <Tabbed :side-tabs="true">
-      <Tab name="parameters" :label="t('storageClass.parameters.label')" :weight="2">
+      <Tab
+        name="parameters"
+        :label="t('storageClass.parameters.label')"
+        :weight="2"
+      >
         <component
           :is="getComponent(provisioner)"
           :key="provisioner"
@@ -311,7 +317,10 @@ export default {
           :real-mode="realMode"
         />
       </Tab>
-      <Tab name="customize" :label="t('storageClass.customize.label')">
+      <Tab
+        name="customize"
+        :label="t('storageClass.customize.label')"
+      >
         <div class="row mt-20">
           <div class="col span-6">
             <RadioGroup
diff --git a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v1.vue b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v1.vue
index 5e87f377..10f8c806 100644
--- a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v1.vue
+++ b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v1.vue
@@ -78,7 +78,7 @@ export default {
       const allSecrets = this.$store.getters[`${ inStore }/all`](SECRET);
 
       // only show non-system secret to user to select
-      return allSecrets.filter(secret => secret.isSystem === false);
+      return allSecrets.filter((secret) => secret.isSystem === false);
     },
 
     longhornNodes() {
@@ -124,7 +124,7 @@ export default {
     },
 
     secretOptions() {
-      return this.secrets.map(secret => secret.id);
+      return this.secrets.map((secret) => secret.id);
     },
 
     volumeEncryptionOptions() {
@@ -282,7 +282,10 @@ export default {
           :mode="mode"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.nodeSelector.no-options', null, true) }}
             </span>
           </template>
@@ -298,7 +301,10 @@ export default {
           :mode="mode"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.diskSelector.no-options', null, true) }}
             </span>
           </template>
@@ -323,7 +329,10 @@ export default {
         :options="volumeEncryptionOptions"
       />
     </div>
-    <div v-if="value.parameters.encrypted === 'true'" class="row mt-20">
+    <div
+      v-if="value.parameters.encrypted === 'true'"
+      class="row mt-20"
+    >
       <div class="col span-6">
         <LabeledSelect
           v-model:value="secret"
diff --git a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v2.vue b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v2.vue
index 20fc67cc..a2454f9c 100644
--- a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v2.vue
+++ b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/driver.longhorn.io_v2.vue
@@ -78,7 +78,7 @@ export default {
       const allSecrets = this.$store.getters[`${ inStore }/all`](SECRET);
 
       // only show non-system secret to user to select
-      return allSecrets.filter(secret => secret.isSystem === false);
+      return allSecrets.filter((secret) => secret.isSystem === false);
     },
 
     longhornNodes() {
@@ -124,7 +124,7 @@ export default {
     },
 
     secretOptions() {
-      return this.secrets.map(secret => secret.id);
+      return this.secrets.map((secret) => secret.id);
     },
 
     volumeEncryptionOptions() {
@@ -282,7 +282,10 @@ export default {
           :mode="mode"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.nodeSelector.no-options', null, true) }}
             </span>
           </template>
@@ -298,7 +301,10 @@ export default {
           :mode="mode"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.diskSelector.no-options', null, true) }}
             </span>
           </template>
@@ -325,7 +331,10 @@ export default {
         :disabled="true"
       />
     </div>
-    <div v-if="value.parameters.encrypted === 'true'" class="row mt-20">
+    <div
+      v-if="value.parameters.encrypted === 'true'"
+      class="row mt-20"
+    >
       <div class="col span-6">
         <LabeledSelect
           v-model:value="secret"
diff --git a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/lvm.driver.harvesterhci.io.vue b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/lvm.driver.harvesterhci.io.vue
index 2fac3c5c..7b7b925c 100644
--- a/pkg/harvester/edit/harvesterhci.io.storage/provisioners/lvm.driver.harvesterhci.io.vue
+++ b/pkg/harvester/edit/harvesterhci.io.storage/provisioners/lvm.driver.harvesterhci.io.vue
@@ -52,7 +52,7 @@ export default {
   },
 
   data() {
-    const node = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).find(t => t.key === LVM_TOPOLOGY_LABEL)?.values[0];
+    const node = (this.value.allowedTopologies?.[0]?.matchLabelExpressions || []).find((t) => t.key === LVM_TOPOLOGY_LABEL)?.values[0];
 
     return {
       volumeGroupTypes: ['striped', 'dm-thin'],
@@ -77,7 +77,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const nodes = this.$store.getters[`${ inStore }/all`](NODE) || [];
 
-      return nodes.filter(n => n.labels[LVM_TOPOLOGY_LABEL] === n.name).map(n => n.name);
+      return nodes.filter((n) => n.labels[LVM_TOPOLOGY_LABEL] === n.name).map((n) => n.name);
     },
 
     volumeGroups() {
@@ -85,8 +85,8 @@ export default {
       const lvmVolumeGroups = this.$store.getters[`${ inStore }/all`](HCI.LVM_VOLUME_GROUP) || [];
 
       return lvmVolumeGroups
-        .filter(group => group.spec.nodeName === this.node)
-        .map(g => g.spec.vgName);
+        .filter((group) => group.spec.nodeName === this.node)
+        .map((g) => g.spec.vgName);
     },
 
     parameters: {
@@ -119,7 +119,10 @@ export default {
           :required="true"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.diskSelector.no-options', null, true) }}
             </span>
           </template>
@@ -136,7 +139,10 @@ export default {
           :required="true"
         >
           <template #no-options="{ searching }">
-            <span v-if="!searching" class="text-muted">
+            <span
+              v-if="!searching"
+              class="text-muted"
+            >
               {{ t('harvester.storage.parameters.lvmVolumeGroup.no-options', null, true) }}
             </span>
           </template>
diff --git a/pkg/harvester/edit/harvesterhci.io.virtualmachinebackup.vue b/pkg/harvester/edit/harvesterhci.io.virtualmachinebackup.vue
index 4aad1898..00b93e55 100644
--- a/pkg/harvester/edit/harvesterhci.io.virtualmachinebackup.vue
+++ b/pkg/harvester/edit/harvesterhci.io.virtualmachinebackup.vue
@@ -98,7 +98,7 @@ export default {
 
       const backupList = this.$store.getters['harvester/all'](HCI.BACKUP);
 
-      return backupList.find( O => O.name === name);
+      return backupList.find( (O) => O.name === name);
     },
 
     disableExisting() {
@@ -108,7 +108,7 @@ export default {
     backupNamespace() {
       const backupList = this.$store.getters['harvester/all'](HCI.BACKUP);
 
-      return backupList.find( B => B.metadata.name === this.backupName)?.metadata?.namespace;
+      return backupList.find( (B) => B.metadata.name === this.backupName)?.metadata?.namespace;
     },
 
     namespaces() {
@@ -265,7 +265,13 @@ export default {
       />
     </div>
 
-    <Footer mode="create" class="footer" :errors="errors" @save="saveRestore" @done="cancelAction" />
+    <Footer
+      mode="create"
+      class="footer"
+      :errors="errors"
+      @save="saveRestore"
+      @done="cancelAction"
+    />
   </div>
 </template>
 
diff --git a/pkg/harvester/edit/harvesterhci.io.virtualmachineimage.vue b/pkg/harvester/edit/harvesterhci.io.virtualmachineimage.vue
index fa243017..1cfd1d12 100644
--- a/pkg/harvester/edit/harvesterhci.io.virtualmachineimage.vue
+++ b/pkg/harvester/edit/harvesterhci.io.virtualmachineimage.vue
@@ -61,7 +61,7 @@ export default {
       storageClasses: this.$store.dispatch(`${ inStore }/findAll`, { type: STORAGE_CLASS }),
     });
 
-    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'] = this.storageClassName || defaultStorage?.metadata?.name || 'longhorn';
     this.images = this.$store.getters[`${ inStore }/all`](HCI.IMAGE);
@@ -73,7 +73,7 @@ export default {
       // image ns/name = image.id
       const sourceImage = `${ securityParameters.sourceImageNamespace }/${ securityParameters.sourceImageName }`;
 
-      this.selectedImage = this.images.find(image => image.id === sourceImage);
+      this.selectedImage = this.images.find((image) => image.id === sourceImage);
     }
   },
 
@@ -88,11 +88,11 @@ export default {
     if (image && cryptoOperation) {
       const imageObject = JSON.parse(image);
 
-      this.value.spec.securityParameters =  {
+      this.value.spec.securityParameters = {
         cryptoOperation,
         sourceImageName:      imageObject.metadata.name,
         sourceImageNamespace: imageObject.metadata.namespace
-      }
+      };
     }
 
     if (!this.value.metadata.name) {
@@ -140,7 +140,7 @@ export default {
       const storages = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS);
 
       return storages
-        .filter(s => !s.parameters?.backingImage && s.provisioner !== LVM_DRIVER) // Lvm storage is not supported.
+        .filter((s) => !s.parameters?.backingImage && s.provisioner !== LVM_DRIVER) // Lvm storage is not supported.
         .map((s) => {
           const label = s.isDefault ? `${ s.name } (${ this.t('generic.default') })` : s.name;
 
@@ -167,12 +167,12 @@ export default {
         return options;
       }
       if (this.value.spec.securityParameters.cryptoOperation === ENCRYPT) {
-        options = this.images.filter(image => !image.isEncrypted);
+        options = this.images.filter((image) => !image.isEncrypted);
       } else {
-        options = this.images.filter(image => image.isEncrypted);
+        options = this.images.filter((image) => image.isEncrypted);
       }
 
-      return options.map(image => image.displayNameWithNamespace);
+      return options.map((image) => image.displayNameWithNamespace);
     },
     sourceImage: {
       get() {
@@ -183,7 +183,7 @@ export default {
         return '';
       },
       set(neu) {
-        this.selectedImage = this.images.find(i => i.displayNameWithNamespace === neu);
+        this.selectedImage = this.images.find((i) => i.displayNameWithNamespace === neu);
         // sourceImageName should bring the name of the image
         this.value.spec.securityParameters.sourceImageName = this.selectedImage?.metadata.name || '';
         this.value.spec.securityParameters.sourceImageNamespace = this.selectedImage?.metadata.namespace || '';
@@ -322,7 +322,7 @@ export default {
     internalAnnotations(option) {
       const optionKeys = [HCI_ANNOTATIONS.OS_TYPE, HCI_ANNOTATIONS.IMAGE_SUFFIX];
 
-      return optionKeys.find(O => O === option.key);
+      return optionKeys.find((O) => O === option.key);
     },
 
     calculateOptions(keyName) {
@@ -352,7 +352,7 @@ export default {
 
       return OS.find( (os) => {
         if (os.match) {
-          return os.match.find(matchValue => str.toLowerCase().includes(matchValue)) ? os.value : false;
+          return os.match.find((matchValue) => str.toLowerCase().includes(matchValue)) ? os.value : false;
         } else {
           return str.toLowerCase().includes(os.value.toLowerCase()) ? os.value : false;
         }
@@ -376,13 +376,17 @@ export default {
     <NameNsDescription
       ref="nd"
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :label="t('generic.name')"
       name-key="spec.displayName"
+      @update:value="$emit('update:value', $event)"
     />
 
-    <Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true">
+    <Tabbed
+      v-bind="$attrs"
+      class="mt-15"
+      :side-tabs="true"
+    >
       <Tab
         name="basic"
         :label="t('harvester.image.tabs.basics')"
@@ -503,7 +507,12 @@ export default {
         </div>
       </Tab>
 
-      <Tab name="labels" :label="t('labels.labels.title')" :weight="2" class="bordered-table">
+      <Tab
+        name="labels"
+        :label="t('labels.labels.title')"
+        :weight="2"
+        class="bordered-table"
+      >
         <KeyValue
           key="labels"
           ref="labels"
diff --git a/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue b/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
index 55126635..d99a868b 100644
--- a/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
+++ b/pkg/harvester/edit/harvesterhci.io.virtualmachinetemplateversion.vue
@@ -99,7 +99,7 @@ export default {
     templateId: {
       async handler(neu) {
         const templates = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE });
-        let templateValue = templates.find( V => V.id === neu) || null;
+        let templateValue = templates.find( (V) => V.id === neu) || null;
         let templateSpec = templateValue?.spec;
 
         if (!templateValue) {
@@ -131,7 +131,7 @@ export default {
         // Set the default version according to annotation:[HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME]
         const versions = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_VERSION, opt: { force: true } });
 
-        const version = versions.find( V => V?.metadata?.annotations?.[HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME] === this.customName);
+        const version = versions.find( (V) => V?.metadata?.annotations?.[HCI_ANNOTATIONS.TEMPLATE_VERSION_CUSTOM_NAME] === this.customName);
 
         if (version) {
           try {
@@ -159,7 +159,7 @@ export default {
       this.parseVM();
 
       const templates = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE });
-      const template = templates.find( O => O.metadata.name === this.templateValue.metadata.name);
+      const template = templates.find( (O) => O.metadata.name === this.templateValue.metadata.name);
 
       try {
         if (!this.templateId) {
@@ -223,10 +223,10 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="realTemplateMode"
       name-label="harvester.vmTemplate.nameNsDescription.name"
       :namespaced="true"
+      @update:value="$emit('update:value', $event)"
     />
 
     <Checkbox
@@ -238,9 +238,20 @@ export default {
       :mode="mode"
     />
 
-    <Tabbed :side-tabs="true" @changed="onTabChanged">
-      <Tab name="Basics" :label="t('harvester.vmTemplate.tabs.basics')">
-        <CpuMemory :cpu="cpu" :memory="memory" :disabled="isConfig" @updateCpuMemory="updateCpuMemory" />
+    <Tabbed
+      :side-tabs="true"
+      @changed="onTabChanged"
+    >
+      <Tab
+        name="Basics"
+        :label="t('harvester.vmTemplate.tabs.basics')"
+      >
+        <CpuMemory
+          :cpu="cpu"
+          :memory="memory"
+          :disabled="isConfig"
+          @updateCpuMemory="updateCpuMemory"
+        />
 
         <div class="mb-20">
           <SSHKey
@@ -254,12 +265,28 @@ export default {
         </div>
       </Tab>
 
-      <Tab name="Volume" :label="t('harvester.tab.volume')" :weight="-1">
-        <Volume v-model:value="diskRows" :mode="mode" :namespace="value.metadata.namespace" :existing-volume-disabled="true" />
+      <Tab
+        name="Volume"
+        :label="t('harvester.tab.volume')"
+        :weight="-1"
+      >
+        <Volume
+          v-model:value="diskRows"
+          :mode="mode"
+          :namespace="value.metadata.namespace"
+          :existing-volume-disabled="true"
+        />
       </Tab>
 
-      <Tab name="Network" :label="t('harvester.tab.network')" :weight="-2">
-        <Network v-model:value="networkRows" :mode="mode" />
+      <Tab
+        name="Network"
+        :label="t('harvester.tab.network')"
+        :weight="-2"
+      >
+        <Network
+          v-model:value="networkRows"
+          :mode="mode"
+        />
       </Tab>
 
       <Tab
@@ -276,7 +303,11 @@ export default {
         </template>
       </Tab>
 
-      <Tab :label="t('harvester.tab.vmScheduling')" name="vmScheduling" :weight="-4">
+      <Tab
+        :label="t('harvester.tab.vmScheduling')"
+        name="vmScheduling"
+        :weight="-4"
+      >
         <template #default>
           <PodAffinity
             :mode="mode"
@@ -318,7 +349,11 @@ export default {
         </Labels>
       </Tab>
 
-      <Tab name="advanced" :label="t('harvester.tab.advanced')" :weight="-99">
+      <Tab
+        name="advanced"
+        :label="t('harvester.tab.advanced')"
+        :weight="-99"
+      >
         <div class="row mb-20">
           <div class="col span-6">
             <LabeledSelect
@@ -371,8 +406,18 @@ export default {
         </div>
 
         <div class="row mb-20">
-          <a v-if="showAdvanced" v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
-          <a v-else v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
+          <a
+            v-if="showAdvanced"
+            v-t="'harvester.generic.showMore'"
+            role="button"
+            @click="toggleAdvanced"
+          />
+          <a
+            v-else
+            v-t="'harvester.generic.showMore'"
+            role="button"
+            @click="toggleAdvanced"
+          />
         </div>
 
         <div v-if="showAdvanced">
diff --git a/pkg/harvester/edit/harvesterhci.io.vmsnapshot.vue b/pkg/harvester/edit/harvesterhci.io.vmsnapshot.vue
index 29d3024f..2d24c112 100644
--- a/pkg/harvester/edit/harvesterhci.io.vmsnapshot.vue
+++ b/pkg/harvester/edit/harvesterhci.io.vmsnapshot.vue
@@ -94,7 +94,7 @@ export default {
 
       const backupList = this.$store.getters['harvester/all'](HCI.BACKUP);
 
-      return backupList.find( O => O.name === name);
+      return backupList.find( (O) => O.name === name);
     },
 
     disableExisting() {
@@ -104,7 +104,7 @@ export default {
     snapshotNamespace() {
       const backupList = this.$store.getters['harvester/all'](HCI.BACKUP);
 
-      return backupList.find( B => B.metadata.name === this.snapshotName)?.metadata?.namespace;
+      return backupList.find( (B) => B.metadata.name === this.snapshotName)?.metadata?.namespace;
     },
 
     namespaces() {
@@ -113,7 +113,7 @@ export default {
       const systemNamespaces = this.$store.getters['systemNamespaces'];
 
       const out = sortBy(
-        choices.filter(N => !systemNamespaces.includes(N.metadata.name)).map((obj) => {
+        choices.filter((N) => !systemNamespaces.includes(N.metadata.name)).map((obj) => {
           return {
             label: obj.nameDisplay,
             value: obj.id,
@@ -239,12 +239,28 @@ export default {
         </div>
       </div>
 
-      <LabeledSelect v-model:value="snapshotName" class="mb-20" :label="t('harvester.vmSnapshot.snapshot')" :options="snapshotOption" />
+      <LabeledSelect
+        v-model:value="snapshotName"
+        class="mb-20"
+        :label="t('harvester.vmSnapshot.snapshot')"
+        :options="snapshotOption"
+      />
 
-      <LabeledSelect v-if="!restoreNewVm" v-model:value="deletionPolicy" :label="t('harvester.backup.restore.deletePreviousVolumes')" :options="deletionPolicyOption" />
+      <LabeledSelect
+        v-if="!restoreNewVm"
+        v-model:value="deletionPolicy"
+        :label="t('harvester.backup.restore.deletePreviousVolumes')"
+        :options="deletionPolicyOption"
+      />
     </div>
 
-    <Footer mode="create" class="footer" :errors="errors" @save="saveRestore" @done="cancelAction" />
+    <Footer
+      mode="create"
+      class="footer"
+      :errors="errors"
+      @save="saveRestore"
+      @done="cancelAction"
+    />
   </div>
 </template>
 
diff --git a/pkg/harvester/edit/harvesterhci.io.volume.vue b/pkg/harvester/edit/harvesterhci.io.volume.vue
index 4e6cfb5d..bbc5b4db 100644
--- a/pkg/harvester/edit/harvesterhci.io.volume.vue
+++ b/pkg/harvester/edit/harvesterhci.io.volume.vue
@@ -65,7 +65,7 @@ export default {
     this.snapshots = hash.snapshots;
     this.images = hash.images;
 
-    const defaultStorage = this.$store.getters[`harvester/all`](STORAGE_CLASS).find( O => O.isDefault);
+    const defaultStorage = this.$store.getters[`harvester/all`](STORAGE_CLASS).find( (O) => O.isDefault);
 
     this.value.spec['storageClassName'] = this.value?.spec?.storageClassName || defaultStorage?.metadata?.name || 'longhorn';
   },
@@ -97,7 +97,7 @@ export default {
     isBlank() {
       return this.source === 'blank';
     },
-    
+
     isEdit() {
       return this.mode === _EDIT;
     },
@@ -123,7 +123,7 @@ export default {
     imageOption() {
       return sortBy(
         this.images
-          .filter(obj => obj.isReady)
+          .filter((obj) => obj.isReady)
           .map((obj) => {
             return {
               label: `${ obj.metadata.namespace }/${ obj.spec.displayName }`,
@@ -174,7 +174,7 @@ export default {
     },
 
     storageClassOptions() {
-      return this.storageClasses.filter(s => !s.parameters?.backingImage).map((s) => {
+      return this.storageClasses.filter((s) => !s.parameters?.backingImage).map((s) => {
         const label = s.isDefault ? `${ s.name } (${ this.t('generic.default') })` : s.name;
 
         return {
@@ -243,7 +243,7 @@ export default {
       let imageAnnotations = '';
       let storageClassName = this.value.spec.storageClassName;
 
-      const storageClass = this.storageClasses.find(sc => sc.name === storageClassName);
+      const storageClass = this.storageClasses.find((sc) => sc.name === storageClassName);
       const storageClassProvisioner = storageClass?.provisioner;
       const storageClassDataEngine = storageClass?.parameters?.dataEngine;
 
@@ -254,7 +254,7 @@ export default {
           ...this.value.metadata.annotations,
           [HCI_ANNOTATIONS.IMAGE_ID]: this.imageId
         };
-        storageClassName = images?.find(image => this.imageId === image.id)?.storageClassName;
+        storageClassName = images?.find((image) => this.imageId === image.id)?.storageClassName;
       } else {
         imageAnnotations = { ...this.value.metadata.annotations };
       }
@@ -272,7 +272,7 @@ export default {
     },
     updateImage() {
       if (this.isVMImage && this.imageId) {
-        const imageResource = this.images?.find(image => this.imageId === image.id);
+        const imageResource = this.images?.find((image) => this.imageId === image.id);
         const imageSize = Math.max(imageResource?.status?.size, imageResource?.status?.virtualSize);
 
         if (imageSize) {
@@ -300,7 +300,12 @@ export default {
     :apply-hooks="applyHooks"
     @finish="save"
   >
-    <NameNsDescription :value="value" @update:value="$emit('update:value', $event)" :namespaced="true" :mode="mode" />
+    <NameNsDescription
+      :value="value"
+      :namespaced="true"
+      :mode="mode"
+      @update:value="$emit('update:value', $event)"
+    />
 
     <ResourceTabs
       v-model:value="value"
@@ -310,7 +315,12 @@ export default {
       :side-tabs="true"
       :mode="mode"
     >
-      <Tab name="basic" :label="t('harvester.volume.tabs.basics')" :weight="3" class="bordered-table">
+      <Tab
+        name="basic"
+        :label="t('harvester.volume.tabs.basics')"
+        :weight="3"
+        class="bordered-table"
+      >
         <LabeledSelect
           v-model:value="source"
           :label="t('harvester.volume.source')"
@@ -358,14 +368,41 @@ export default {
           @update:value="update"
         />
 
-        <Banner v-if="isLonghornV2 && isEdit" color="warning">
+        <Banner
+          v-if="isLonghornV2 && isEdit"
+          color="warning"
+        >
           <span>{{ t('harvester.volume.longhorn.disableResize') }}</span>
         </Banner>
       </Tab>
-      <Tab v-if="!isCreate" name="details" :label="t('harvester.volume.tabs.details')" :weight="2.5" class="bordered-table">
-        <LabeledInput v-model:value="frontendDisplay" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.frontend')" />
-        <LabeledInput v-model:value="attachedNode" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.attachedNode')" />
-        <LabeledInput v-model:value="endpoint" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.endpoint')" />
+      <Tab
+        v-if="!isCreate"
+        name="details"
+        :label="t('harvester.volume.tabs.details')"
+        :weight="2.5"
+        class="bordered-table"
+      >
+        <LabeledInput
+          v-model:value="frontendDisplay"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.frontend')"
+        />
+        <LabeledInput
+          v-model:value="attachedNode"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.attachedNode')"
+        />
+        <LabeledInput
+          v-model:value="endpoint"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.endpoint')"
+        />
         <LabeledSelect
           v-model:value="diskTags"
           :multiple="true"
@@ -384,23 +421,63 @@ export default {
           :mode="mode"
           class="mb-20"
         />
-        <LabeledInput v-model:value="lastBackup" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.lastBackup')" />
-        <LabeledInput v-model:value="lastBackupAt" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.lastBackupAt')" />
-        <LabeledInput v-model:value="replicasNumber" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.replicasNumber')" />
+        <LabeledInput
+          v-model:value="lastBackup"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.lastBackup')"
+        />
+        <LabeledInput
+          v-model:value="lastBackupAt"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.lastBackupAt')"
+        />
+        <LabeledInput
+          v-model:value="replicasNumber"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.replicasNumber')"
+        />
       </Tab>
-      <Tab v-if="!isCreate" name="instances" :label="t('harvester.volume.tabs.snapshots')" :weight="2" class="bordered-table">
+      <Tab
+        v-if="!isCreate"
+        name="instances"
+        :label="t('harvester.volume.tabs.snapshots')"
+        :weight="2"
+        class="bordered-table"
+      >
         <SortableTable
           v-bind="$attrs"
           :headers="snapshotHeaders"
           default-sort-by="age"
           :rows="value.relatedVolumeSnapshotCounts"
           key-field="_key"
-          
         />
       </Tab>
-      <Tab v-if="!isCreate && value.spec.dataSource" name="datasource" :label="t('harvester.volume.tabs.datasource')" :weight="1" class="bordered-table">
-        <LabeledInput v-model:value="dataSourceKind" class="mb-20" :mode="mode" :disabled="true" :label="t('harvester.volume.kind')" />
-        <LabeledInput v-model:value="value.spec.dataSource.name" :mode="mode" :disabled="true" :label="t('nameNsDescription.name.label')" />
+      <Tab
+        v-if="!isCreate && value.spec.dataSource"
+        name="datasource"
+        :label="t('harvester.volume.tabs.datasource')"
+        :weight="1"
+        class="bordered-table"
+      >
+        <LabeledInput
+          v-model:value="dataSourceKind"
+          class="mb-20"
+          :mode="mode"
+          :disabled="true"
+          :label="t('harvester.volume.kind')"
+        />
+        <LabeledInput
+          v-model:value="value.spec.dataSource.name"
+          :mode="mode"
+          :disabled="true"
+          :label="t('nameNsDescription.name.label')"
+        />
       </Tab>
     </ResourceTabs>
   </CruResource>
diff --git a/pkg/harvester/edit/harvesterhci.io.volumesnapshot.vue b/pkg/harvester/edit/harvesterhci.io.volumesnapshot.vue
index 4c71badb..e5816ff3 100644
--- a/pkg/harvester/edit/harvesterhci.io.volumesnapshot.vue
+++ b/pkg/harvester/edit/harvesterhci.io.volumesnapshot.vue
@@ -10,7 +10,7 @@ import { HCI as HCI_ANNOTATIONS } from '@shell/config/labels-annotations';
 import { HCI } from '../types';
 
 export default {
-  name:       'HarvesterSnapshot',
+  name: 'HarvesterSnapshot',
 
   emits: ['update:value'],
 
@@ -65,7 +65,12 @@ export default {
       :apply-hooks="applyHooks"
       @finish="save"
     >
-      <NameNsDescription :value="value" @update:value="$emit('update:value', $event)" :namespaced="true" :mode="mode" />
+      <NameNsDescription
+        :value="value"
+        :namespaced="true"
+        :mode="mode"
+        @update:value="$emit('update:value', $event)"
+      />
       <ResourceTabs
         v-model:value="value"
         class="mt-15"
@@ -74,20 +79,42 @@ export default {
         :side-tabs="true"
         :mode="mode"
       >
-        <Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table">
+        <Tab
+          name="basics"
+          :label="t('harvester.virtualMachine.detail.tabs.basics')"
+          class="bordered-table"
+        >
           <div class="row">
             <div class="col span-12">
-              <LabeledInput v-model:value="size" :label="t('harvester.snapshot.size')" class="mt-20" :disabled="true" />
+              <LabeledInput
+                v-model:value="size"
+                :label="t('harvester.snapshot.size')"
+                class="mt-20"
+                :disabled="true"
+              />
             </div>
           </div>
           <div class="row">
             <div class="col span-12">
-              <LabeledInput v-model:value="targetVolume" :label="t('harvester.snapshot.targetVolume')" class="mt-20" :disabled="true" />
+              <LabeledInput
+                v-model:value="targetVolume"
+                :label="t('harvester.snapshot.targetVolume')"
+                class="mt-20"
+                :disabled="true"
+              />
             </div>
           </div>
-          <div v-if="isImageVolume" class="row">
+          <div
+            v-if="isImageVolume"
+            class="row"
+          >
             <div class="col span-12">
-              <LabeledInput v-model:value="imageName" :label="t('harvester.snapshot.image')" class="mt-20" :disabled="true" />
+              <LabeledInput
+                v-model:value="imageName"
+                :label="t('harvester.snapshot.image')"
+                class="mt-20"
+                :disabled="true"
+              />
             </div>
           </div>
         </Tab>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/CompatibilityMatrix.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/CompatibilityMatrix.vue
index a6cd341b..5cae449d 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/CompatibilityMatrix.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/CompatibilityMatrix.vue
@@ -82,16 +82,28 @@ export default {
         </div>
         <div>{{ t('harvester.devices.matrixHostName') }}</div>
       </div>
-      <div  v-for="(nodeName, i) in allNodeNames" :key="i" >
+      <div
+        v-for="(nodeName, i) in allNodeNames"
+        :key="i"
+      >
         <span>  {{ nodeName }}</span>
       </div>
     </div>
-    <div  v-for="(deviceCRD, i) in enabledDevices" :key="i" >
-      <div v-clean-tooltip="deviceTooltip(deviceCRD)" class="compat-cell device-label" :class="{'text-muted': noneAvailable(deviceCRD)}">
+    <div
+      v-for="(deviceCRD, i) in enabledDevices"
+      :key="i"
+    >
+      <div
+        v-clean-tooltip="deviceTooltip(deviceCRD)"
+        class="compat-cell device-label"
+        :class="{'text-muted': noneAvailable(deviceCRD)}"
+      >
         {{ deviceCRD.metadata.name }}
       </div>
       <div
-         v-for="(nodeName, k) in allNodeNames" :key="k" class="compat-cell"
+        v-for="(nodeName, k) in allNodeNames"
+        :key="k"
+        class="compat-cell"
         :class="{'has-device': nodeHasDevice(nodeName, deviceCRD)}"
       />
     </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue
index 84ab4dbc..d2121367 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/AccessCredentialsUsers.vue
@@ -11,7 +11,7 @@ const _NEW = '_NEW';
 
 export default {
   emits: ['update:user', 'update:newUser'],
-  
+
   components: {
     LabeledInput,
     LabeledSelect,
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue
index a0adc949..f8438ac6 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/index.vue
@@ -14,7 +14,7 @@ const _NEW = '_NEW';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     Banner,
     InfoBox
@@ -152,11 +152,23 @@ export default {
 
 <template>
   <div>
-    <Banner class="mb-20" color="info" :label="t('harvester.virtualMachine.accessCredentials.tips')" />
+    <Banner
+      class="mb-20"
+      color="info"
+      :label="t('harvester.virtualMachine.accessCredentials.tips')"
+    />
 
-    <div v-for="(row, i) in rows" :key="i">
+    <div
+      v-for="(row, i) in rows"
+      :key="i"
+    >
       <InfoBox class="volume-source">
-        <button v-if="isEdit" type="button" class="role-link btn btn-sm remove-vol" @click="remove(row)">
+        <button
+          v-if="isEdit"
+          type="button"
+          class="role-link btn btn-sm remove-vol"
+          @click="remove(row)"
+        >
           <i class="icon icon-x" />
         </button>
         <h3>
@@ -169,7 +181,7 @@ export default {
             :is="componentFor(row.source)"
             v-model:value="rows[i]"
             :rows="rows"
-            :resourceType="resourceType"
+            :resource-type="resourceType"
             :user-options="userOptions"
             :mode="mode"
             :idx="i"
@@ -180,7 +192,10 @@ export default {
       </InfoBox>
     </div>
 
-    <div v-if="isEdit && isQemuInstalled" class="mt-20">
+    <div
+      v-if="isEdit && isQemuInstalled"
+      class="mt-20"
+    >
       <button
         type="button"
         class="btn btn-sm bg-primary mr-15 mb-10"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue
index 5f89234d..7449a772 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/basicAuth.vue
@@ -3,10 +3,10 @@ import Password from '@shell/components/form/Password';
 import AccessCredentialsUsers from '../AccessCredentialsUsers';
 
 export default {
-  name:       'HarvesterEditVolume',
+  name: 'HarvesterEditVolume',
 
   emits: ['update', 'update:newUser'],
-  
+
   components: { Password, AccessCredentialsUsers },
 
   props: {
@@ -64,11 +64,14 @@ export default {
 </script>
 
 <template>
-  <div class="row" @update:value="update">
+  <div
+    class="row"
+    @update:value="update"
+  >
     <div class="col span-6">
       <AccessCredentialsUsers
         v-model:value="value.username"
-        :resourceType="resourceType"
+        :resource-type="resourceType"
         :user-options="userOptions"
         :multiple="false"
         :mode="mode"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue
index da99d857..cfae966b 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineAccessCredentials/type/sshkey.vue
@@ -3,7 +3,7 @@ import SSHKey from '../../VirtualMachineSSHKey';
 import AccessCredentialsUsers from '../AccessCredentialsUsers';
 
 export default {
-  name:       'HarvesterEditVolume',
+  name: 'HarvesterEditVolume',
 
   emits: ['update', 'update:newUser'],
 
@@ -65,7 +65,7 @@ export default {
       <div class="col span-6">
         <AccessCredentialsUsers
           v-model:value="value.users"
-          :resourceType="resourceType"
+          :resource-type="resourceType"
           :user-options="userOptions"
           :mode="mode"
           :multiple="true"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/DataTemplate.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/DataTemplate.vue
index 8d173517..18057184 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/DataTemplate.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/DataTemplate.vue
@@ -114,7 +114,10 @@ export default {
   <div class="mb-20">
     <h3>{{ t(`harvester.virtualMachine.cloudConfig.${type}.title`) }}</h3>
     <p class="text-muted mb-20">
-      <t :k="`harvester.virtualMachine.cloudConfig.${type}.tip`" :raw="true" />
+      <t
+        :k="`harvester.virtualMachine.cloudConfig.${type}.tip`"
+        :raw="true"
+      />
     </p>
 
     <LabeledSelect
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue
index f1bf7204..95560f36 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCloudConfig/index.vue
@@ -14,7 +14,7 @@ const _NEW = '_NEW';
 
 export default {
   emits: ['updateUserData', 'updateNetworkData', 'updateDataTemplateId'],
-  
+
   components: {
     DataTemplate, YamlEditor, LabeledInput, ModalWithCard
   },
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory.vue
index f69bf589..d91bdcb0 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineCpuMemory.vue
@@ -3,10 +3,10 @@ import UnitInput from '@shell/components/form/UnitInput';
 import InputOrDisplay from '@shell/components/InputOrDisplay';
 
 export default {
-  name:       'HarvesterEditCpuMemory',
+  name: 'HarvesterEditCpuMemory',
 
   emits: ['updateCpuMemory'],
-  
+
   components: { UnitInput, InputOrDisplay },
 
   props: {
@@ -78,7 +78,11 @@ export default {
 <template>
   <div class="row">
     <div class="col span-6 mb-10">
-      <InputOrDisplay name="CPU" :value="cupDisplay" :mode="mode">
+      <InputOrDisplay
+        name="CPU"
+        :value="cupDisplay"
+        :mode="mode"
+      >
         <UnitInput
           v-model:value="localCpu"
           label="CPU"
@@ -94,7 +98,11 @@ export default {
     </div>
 
     <div class="col span-6 mb-10">
-      <InputOrDisplay :name="t('harvester.virtualMachine.input.memory')" :value="memoryDisplay" :mode="mode">
+      <InputOrDisplay
+        :name="t('harvester.virtualMachine.input.memory')"
+        :value="memoryDisplay"
+        :mode="mode"
+      >
         <UnitInput
           v-model:value="localMemory"
           :label="t('harvester.virtualMachine.input.memory')"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue
index ff96b04b..358e38f7 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/base.vue
@@ -28,10 +28,10 @@ const MODEL = [{
 }];
 
 export default {
-  name:       'HarvesterEditNetwork',
+  name: 'HarvesterEditNetwork',
 
   emits: ['update'],
-  
+
   components: {
     LabeledInput, LabeledSelect, InputOrDisplay
   },
@@ -139,7 +139,7 @@ export default {
   watch: {
     rows: {
       handler(neu) {
-        const hasManagementNetwork = !!neu.some(N => N.isPod);
+        const hasManagementNetwork = !!neu.some((N) => N.isPod);
 
         this['hasManagementNetwork'] = hasManagementNetwork;
       },
@@ -233,7 +233,10 @@ export default {
       </div>
     </div>
 
-    <div class="row" :class="{'mb-20': !isMasquerade}">
+    <div
+      class="row"
+      :class="{'mb-20': !isMasquerade}"
+    >
       <div
         data-testid="input-hen-networkName"
         class="col span-6"
@@ -278,7 +281,10 @@ export default {
 
     <div v-if="!isMasquerade && isSingle">
       <div class="row mb-20">
-        <a role="button" @click="toggleAdvanced">
+        <a
+          role="button"
+          @click="toggleAdvanced"
+        >
           {{ showAdvanced ? t('harvester.generic.hideMore') : t('harvester.generic.showMore') }}
         </a>
       </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
index 39ed5729..a87fd738 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineNetwork/index.vue
@@ -109,7 +109,7 @@ export default {
 
       while (hasUsed) {
         name = `nic-${ this.nameIdx }`;
-        hasUsed = this.rows.find( O => O.name === name);
+        hasUsed = this.rows.find( (O) => O.name === name);
         this.nameIdx++;
       }
 
@@ -125,8 +125,16 @@ export default {
 
 <template>
   <div>
-    <InfoBox v-for="(row, i) in rows" :key="i">
-      <button v-if="!isView" type="button" class="role-link remove-vol" @click="remove(row)">
+    <InfoBox
+      v-for="(row, i) in rows"
+      :key="i"
+    >
+      <button
+        v-if="!isView"
+        type="button"
+        class="role-link remove-vol"
+        @click="remove(row)"
+      >
         <i class="icon icon-x" />
       </button>
 
@@ -142,7 +150,12 @@ export default {
       />
     </InfoBox>
 
-    <button v-if="!isView" type="button" class="btn btn-sm bg-primary" @click="add">
+    <button
+      v-if="!isView"
+      type="button"
+      class="btn btn-sm bg-primary"
+      @click="add"
+    >
       {{ t('harvester.virtualMachine.network.addNetwork') }}
     </button>
   </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/DeviceList.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/DeviceList.vue
index 7281e1b0..87530f44 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/DeviceList.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/DeviceList.vue
@@ -131,7 +131,7 @@ export default {
       });
     },
     groupIsAllEnabled(rows = []) {
-      return !rows.find(device => !device.passthroughClaim);
+      return !rows.find((device) => !device.passthroughClaim);
     },
 
     changeRows(filterRows, parentSriov) {
@@ -162,11 +162,25 @@ export default {
     :rows-per-page="10"
   >
     <template #group-by="{group}">
-      <div :ref="group.key" v-trim-whitespace class="group-tab">
-        <button v-if="groupIsAllEnabled(group.rows)" type="button" class="btn btn-sm role-secondary mr-5" @click="e=>{disableGroup(group.rows); e.target.blur()}">
+      <div
+        :ref="group.key"
+        v-trim-whitespace
+        class="group-tab"
+      >
+        <button
+          v-if="groupIsAllEnabled(group.rows)"
+          type="button"
+          class="btn btn-sm role-secondary mr-5"
+          @click="e=>{disableGroup(group.rows); e.target.blur()}"
+        >
           {{ t('harvester.pci.disableGroup') }}
         </button>
-        <button v-else type="button" class="btn btn-sm role-secondary mr-5" @click="e=>{enableGroup(group.rows); e.target.blur()}">
+        <button
+          v-else
+          type="button"
+          class="btn btn-sm role-secondary mr-5"
+          @click="e=>{enableGroup(group.rows); e.target.blur()}"
+        >
           {{ t('harvester.pci.enableGroup') }}
         </button>
         <span v-clean-html="group.key" />
@@ -174,7 +188,10 @@ export default {
     </template>
     <template #cell:claimed="{row}">
       <span v-if="row.isEnabled">{{ row.claimedBy }}</span>
-      <span v-else class="text-muted">&mdash;</span>
+      <span
+        v-else
+        class="text-muted"
+      >&mdash;</span>
     </template>
     <template #more-header-middle>
       <FilterBySriov
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/index.vue
index ae1a0de8..952a7dd8 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachinePciDevices/index.vue
@@ -60,7 +60,7 @@ export default {
 
       if (checkName && name.includes(checkName) && !otherDevices.includes(name)) {
         oldFormatDevices.push(name);
-      } else if (this.enabledDevices.find(device => device?.metadata?.name === name)) {
+      } else if (this.enabledDevices.find((device) => device?.metadata?.name === name)) {
         selectedDevices.push(name);
       }
     });
@@ -87,7 +87,7 @@ export default {
   watch: {
     selectedDevices(neu) {
       const formatted = neu.map((selectedDevice) => {
-        const deviceCRD = this.enabledDevices.find(device => device.metadata.name === selectedDevice);
+        const deviceCRD = this.enabledDevices.find((device) => device.metadata.name === selectedDevice);
         const deviceName = deviceCRD?.status?.resourceName;
 
         return {
@@ -153,7 +153,7 @@ export default {
 
       this.selectedDevices.forEach((deviceUid) => {
         remove(out, (nodeName) => {
-          const device = this.enabledDevices.find(deviceCRD => deviceCRD.metadata.name === deviceUid);
+          const device = this.enabledDevices.find((deviceCRD) => deviceCRD.metadata.name === deviceUid);
 
           return device.status.nodeName !== nodeName;
         });
@@ -166,7 +166,7 @@ export default {
     deviceOpts() {
       const filteredOptions = this.enabledDevices.filter((deviceCRD) => {
         if (this.selectedDevices.length > 0) {
-          const selectedDevice = this.enabledDevices.find(device => device.metadata.name === this.selectedDevices[0]);
+          const selectedDevice = this.enabledDevices.find((device) => device.metadata.name === this.selectedDevices[0]);
 
           return !this.devicesInUse[deviceCRD?.metadata.name] && deviceCRD.status.nodeName === selectedDevice.status.nodeName;
         }
@@ -192,13 +192,13 @@ export default {
 
   methods: {
     otherDevices(vmDevices) {
-      return vmDevices.filter(device => !this.pciDevices.find(pci => device.name === pci.name));
+      return vmDevices.filter((device) => !this.pciDevices.find((pci) => device.name === pci.name));
     },
 
     nodeNameFromUid(uid) {
       for (const deviceUid in this.uniqueDevices) {
         const nodes = this.uniqueDevices[deviceUid].nodes;
-        const thisNode = nodes.find(node => node.systemUUID === uid);
+        const thisNode = nodes.find((node) => node.systemUUID === uid);
 
         if (thisNode) {
           return thisNode.name;
@@ -227,7 +227,10 @@ export default {
           <Banner color="info">
             <t k="harvester.pci.howToUseDevice" />
           </Banner>
-          <Banner v-if="selectedDevices.length > 0" color="info">
+          <Banner
+            v-if="selectedDevices.length > 0"
+            color="info"
+          >
             <t k="harvester.pci.deviceInTheSameHost" />
           </Banner>
         </div>
@@ -250,28 +253,52 @@ export default {
             </LabeledSelect>
           </div>
         </div>
-        <div v-if="compatibleNodes.length && selectedDevices.length" class="row">
+        <div
+          v-if="compatibleNodes.length && selectedDevices.length"
+          class="row"
+        >
           <div class="col span-12 text-muted">
             Compatible hosts:
             <!-- eslint-disable-next-line vue/no-parsing-error -->
-            <span v-for="(node, idx) in compatibleNodes" :key="idx">{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
+            <span
+              v-for="(node, idx) in compatibleNodes"
+              :key="idx"
+            >{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
           </div>
         </div>
-        <div v-else-if="selectedDevices.length" class="text-error">
+        <div
+          v-else-if="selectedDevices.length"
+          class="text-error"
+        >
           {{ t('harvester.pci.impossibleSelection') }}
         </div>
-        <button type="button" class="btn btn-sm role-link pl-0" @click="e=>{showMatrix = !showMatrix; e.target.blur()}">
+        <button
+          type="button"
+          class="btn btn-sm role-link pl-0"
+          @click="e=>{showMatrix = !showMatrix; e.target.blur()}"
+        >
           {{ showMatrix ? t('harvester.pci.hideCompatibility') : t('harvester.pci.showCompatibility') }}
         </button>
-        <div v-if="showMatrix" class="row mt-20">
+        <div
+          v-if="showMatrix"
+          class="row mt-20"
+        >
           <div class="col span-12">
-            <CompatibilityMatrix :enabled-devices="enabledDevices" :devices-by-node="devicesByNode" :devices-in-use="devicesInUse" />
+            <CompatibilityMatrix
+              :enabled-devices="enabledDevices"
+              :devices-by-node="devicesByNode"
+              :devices-in-use="devicesInUse"
+            />
           </div>
         </div>
       </template>
       <div class="row mt-20">
         <div class="col span-12">
-          <DeviceList :schema="pciDeviceSchema" :devices="pciDevices" @submit.prevent />
+          <DeviceList
+            :schema="pciDeviceSchema"
+            :devices="pciDevices"
+            @submit.prevent
+          />
         </div>
       </div>
     </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineReserved.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineReserved.vue
index dbcef32b..588d5caa 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineReserved.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineReserved.vue
@@ -2,10 +2,10 @@
 import UnitInput from '@shell/components/form/UnitInput';
 
 export default {
-  name:       'HarvesterReserved',
+  name: 'HarvesterReserved',
 
   emits: ['updateReserved'],
-  
+
   components: { UnitInput },
 
   props: {
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey.vue
index 0b699fea..a94b2fb6 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineSSHKey.vue
@@ -16,7 +16,7 @@ const _NEW = '_NEW';
 
 export default {
   emits: ['update:sshKey'],
-  
+
   components: {
     LabeledInput,
     ModalWithCard,
@@ -83,7 +83,7 @@ export default {
     },
 
     isCreatable() {
-      if ( this.schema && !this.schema?.collectionMethods.find(x => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
+      if ( this.schema && !this.schema?.collectionMethods.find((x) => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
         return false;
       }
 
@@ -151,7 +151,7 @@ export default {
 
       const namespaces = await this.$store.dispatch('harvester/findAll', { type: NAMESPACE });
 
-      const exists = namespaces?.find(n => n.name === this.namespace);
+      const exists = namespaces?.find((n) => n.name === this.namespace);
 
       if (!exists) {
         const ns = await this.$store.dispatch('harvester/createNamespace', { name: this.namespace }, { root: true });
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/DeviceList.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/DeviceList.vue
index 8f54506f..60001e9c 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/DeviceList.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/DeviceList.vue
@@ -108,7 +108,7 @@ export default {
       });
     },
     groupIsAllEnabled(rows = []) {
-      return !rows.find(device => !device.passthroughClaim);
+      return !rows.find((device) => !device.passthroughClaim);
     },
 
     changeRows(filterRows) {
@@ -142,11 +142,25 @@ export default {
     :rows-per-page="10"
   >
     <template #group-by="{group}">
-      <div :ref="group.key" v-trim-whitespace class="group-tab">
-        <button v-if="groupIsAllEnabled(group.rows)" type="button" class="btn btn-sm role-secondary mr-5" @click="e=>{disableGroup(group.rows); e.target.blur()}">
+      <div
+        :ref="group.key"
+        v-trim-whitespace
+        class="group-tab"
+      >
+        <button
+          v-if="groupIsAllEnabled(group.rows)"
+          type="button"
+          class="btn btn-sm role-secondary mr-5"
+          @click="e=>{disableGroup(group.rows); e.target.blur()}"
+        >
           {{ t('harvester.usb.disableGroup') }}
         </button>
-        <button v-else type="button" class="btn btn-sm role-secondary mr-5" @click="e=>{enableGroup(group.rows); e.target.blur()}">
+        <button
+          v-else
+          type="button"
+          class="btn btn-sm role-secondary mr-5"
+          @click="e=>{enableGroup(group.rows); e.target.blur()}"
+        >
           {{ t('harvester.usb.enableGroup') }}
         </button>
         <span v-clean-html="group.key" />
@@ -154,7 +168,10 @@ export default {
     </template>
     <template #cell:claimed="{row}">
       <span v-if="row.status.enabled">{{ row.claimedBy }}</span>
-      <span v-else class="text-muted">&mdash;</span>
+      <span
+        v-else
+        class="text-muted"
+      >&mdash;</span>
     </template>
   </ResourceTable>
 </template>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/index.vue
index 63c150b9..6a0204f9 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineUSBDevices/index.vue
@@ -50,7 +50,7 @@ export default {
 
     this.selectedDevices = (this.value?.domain?.devices?.hostDevices || [])
       .map(({ name }) => name)
-      .filter(name => this.enabledDevices.find(device => device?.metadata?.name === name));
+      .filter((name) => this.enabledDevices.find((device) => device?.metadata?.name === name));
   },
 
   data() {
@@ -70,7 +70,7 @@ export default {
   watch: {
     selectedDevices(neu) {
       const formatted = neu.map((selectedDevice) => {
-        const deviceCRD = this.enabledDevices.find(device => device.metadata.name === selectedDevice);
+        const deviceCRD = this.enabledDevices.find((device) => device.metadata.name === selectedDevice);
         const deviceName = deviceCRD?.status?.resourceName;
 
         return {
@@ -92,7 +92,7 @@ export default {
     deviceOpts() {
       const filteredOptions = this.enabledDevices.filter((deviceCRD) => {
         if (this.selectedDevices.length > 0) {
-          const selectedDevice = this.enabledDevices.find(device => device.metadata.name === this.selectedDevices[0]);
+          const selectedDevice = this.enabledDevices.find((device) => device.metadata.name === this.selectedDevices[0]);
 
           return !this.devicesInUse[deviceCRD?.metadata.name] && deviceCRD.status.nodeName === selectedDevice?.status.nodeName;
         }
@@ -152,7 +152,7 @@ export default {
 
       this.selectedDevices.forEach((deviceUid) => {
         remove(out, (nodeName) => {
-          const device = this.enabledDevices.find(deviceCRD => deviceCRD.metadata.name === deviceUid);
+          const device = this.enabledDevices.find((deviceCRD) => deviceCRD.metadata.name === deviceUid);
 
           return device?.status.nodeName !== nodeName;
         });
@@ -164,7 +164,7 @@ export default {
 
   methods: {
     otherDevices(vmDevices) {
-      return vmDevices.filter(device => !this.devices.find(usb => device.name === usb.name));
+      return vmDevices.filter((device) => !this.devices.find((usb) => device.name === usb.name));
     }
   }
 };
@@ -177,7 +177,10 @@ export default {
         <Banner color="info">
           <t k="harvester.usb.howToUseDevice" />
         </Banner>
-        <Banner v-if="selectedDevices.length > 0" color="info">
+        <Banner
+          v-if="selectedDevices.length > 0"
+          color="info"
+        >
           <t k="harvester.usb.deviceInTheSameHost" />
         </Banner>
       </div>
@@ -200,28 +203,52 @@ export default {
           </LabeledSelect>
         </div>
       </div>
-      <div v-if="compatibleNodes.length && selectedDevices.length" class="row">
+      <div
+        v-if="compatibleNodes.length && selectedDevices.length"
+        class="row"
+      >
         <div class="col span-12 text-muted">
           Compatible hosts:
           <!-- eslint-disable-next-line vue/no-parsing-error -->
-          <span v-for="(node, idx) in compatibleNodes" :key="node">{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
+          <span
+            v-for="(node, idx) in compatibleNodes"
+            :key="node"
+          >{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
         </div>
       </div>
-      <div v-else-if="selectedDevices.length" class="text-error">
+      <div
+        v-else-if="selectedDevices.length"
+        class="text-error"
+      >
         {{ t('harvester.usb.impossibleSelection') }}
       </div>
-      <button type="button" class="btn btn-sm role-link pl-0" @click="e=>{showMatrix = !showMatrix; e.target.blur()}">
+      <button
+        type="button"
+        class="btn btn-sm role-link pl-0"
+        @click="e=>{showMatrix = !showMatrix; e.target.blur()}"
+      >
         {{ showMatrix ? t('harvester.usb.hideCompatibility') : t('harvester.usb.showCompatibility') }}
       </button>
-      <div v-if="showMatrix" class="row mt-20">
+      <div
+        v-if="showMatrix"
+        class="row mt-20"
+      >
         <div class="col span-12">
-          <CompatibilityMatrix :enabled-devices="enabledDevices" :devices-by-node="devicesByNode" :devices-in-use="devicesInUse" />
+          <CompatibilityMatrix
+            :enabled-devices="enabledDevices"
+            :devices-by-node="devicesByNode"
+            :devices-in-use="devicesInUse"
+          />
         </div>
       </div>
     </template>
     <div class="row mt-20">
       <div class="col span-12">
-        <DeviceList :schema="deviceSchema" :devices="devices" @submit.prevent />
+        <DeviceList
+          :schema="deviceSchema"
+          :devices="devices"
+          @submit.prevent
+        />
       </div>
     </div>
   </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVGpuDevices/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVGpuDevices/index.vue
index 6384ec8c..adc713a7 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVGpuDevices/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVGpuDevices/index.vue
@@ -50,7 +50,7 @@ export default {
       ...(this.value?.domain?.devices?.gpus || []).map(({ name }) => name),
       ...Object.values(this.vm?.provisionedVGpus).reduce((acc, gpus) => [...acc, ...gpus], [])
     ]).forEach((name) => {
-      if (this.enabledDevices.find(device => device?.metadata?.name === name)) {
+      if (this.enabledDevices.find((device) => device?.metadata?.name === name)) {
         this.selectedDevices.push(name);
       }
     });
@@ -68,7 +68,7 @@ export default {
   watch: {
     selectedDevices(neu) {
       const formatted = neu.map((selectedDevice) => {
-        const deviceCRD = this.enabledDevices.find(device => device.metadata.name === selectedDevice);
+        const deviceCRD = this.enabledDevices.find((device) => device.metadata.name === selectedDevice);
         const deviceName = `nvidia.com/${ deviceCRD?.status?.configureVGPUTypeName?.replace(/\s+/g, '_') }`;
 
         return {
@@ -125,7 +125,7 @@ export default {
 
       this.selectedDevices.forEach((deviceUid) => {
         remove(out, (nodeName) => {
-          const device = this.enabledDevices.find(deviceCRD => deviceCRD.metadata.name === deviceUid);
+          const device = this.enabledDevices.find((deviceCRD) => deviceCRD.metadata.name === deviceUid);
 
           return device.spec.nodeName !== nodeName;
         });
@@ -137,7 +137,7 @@ export default {
     deviceOpts() {
       const filteredOptions = this.enabledDevices.filter((deviceCRD) => {
         if (this.selectedDevices.length > 0) {
-          const selectedDevice = this.enabledDevices.find(device => device.metadata.name === this.selectedDevices[0]);
+          const selectedDevice = this.enabledDevices.find((device) => device.metadata.name === this.selectedDevices[0]);
 
           return !this.devicesInUse[deviceCRD?.metadata.name] && deviceCRD.spec.nodeName === selectedDevice.spec.nodeName;
         }
@@ -163,7 +163,10 @@ export default {
         <Banner color="info">
           <t k="harvester.vgpu.howToUseDevice" />
         </Banner>
-        <Banner v-if="selectedDevices.length > 0" color="info">
+        <Banner
+          v-if="selectedDevices.length > 0"
+          color="info"
+        >
           <t k="harvester.vgpu.deviceInTheSameHost" />
         </Banner>
       </div>
@@ -186,20 +189,33 @@ export default {
           </LabeledSelect>
         </div>
       </div>
-      <div v-if="compatibleNodes.length && selectedDevices.length" class="row">
+      <div
+        v-if="compatibleNodes.length && selectedDevices.length"
+        class="row"
+      >
         <div class="col span-12 text-muted">
           Compatible hosts:
           <!-- eslint-disable-next-line vue/no-parsing-error -->
-          <span v-for="(node, idx) in compatibleNodes" :key="idx">{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
+          <span
+            v-for="(node, idx) in compatibleNodes"
+            :key="idx"
+          >{{ node }}{{ idx < compatibleNodes.length-1 ? ', ' : '' }}</span>
         </div>
       </div>
-      <div v-else-if="selectedDevices.length" class="text-error">
+      <div
+        v-else-if="selectedDevices.length"
+        class="text-error"
+      >
         {{ t('harvester.vgpu.impossibleSelection') }}
       </div>
     </template>
     <div class="row mt-20">
       <div class="col span-12">
-        <VGpuDeviceList :schema="deviceSchema" :devices="devices" @submit.prevent />
+        <VGpuDeviceList
+          :schema="deviceSchema"
+          :devices="devices"
+          @submit.prevent
+        />
       </div>
     </div>
   </div>
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
index 5d5deea0..58f60f6d 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/index.vue
@@ -1,5 +1,5 @@
 <script>
-import { Sortable } from "sortablejs-vue3";
+import { Sortable } from 'sortablejs-vue3';
 import InfoBox from '@shell/components/InfoBox';
 import { Banner } from '@components/Banner';
 import BadgeStateFormatter from '@shell/components/formatter/BadgeStateFormatter';
@@ -20,7 +20,7 @@ import { HCI } from '../../../types';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     Banner, BadgeStateFormatter, Sortable, InfoBox, LabeledInput, UnitInput, LabeledSelect, ModalWithCard
   },
@@ -146,7 +146,7 @@ export default {
               query: { mode: _EDIT }
             };
 
-            V.pvc = this.pvcs.find(pvc => pvc.metadata.name === V.realName);
+            V.pvc = this.pvcs.find((pvc) => pvc.metadata.name === V.realName);
           }
 
           return V;
@@ -189,7 +189,7 @@ export default {
 
       while (hasName) {
         name = `disk-${ this.nameIdx }`;
-        hasName = this.rows.find(O => O.name === name);
+        hasName = this.rows.find((O) => O.name === name);
         this.nameIdx++;
       }
 
@@ -255,7 +255,7 @@ export default {
     },
 
     getImageDisplayName(id) {
-      return this.$store.getters['harvester/all'](HCI.IMAGE).find(image => image.id === id)?.spec?.displayName;
+      return this.$store.getters['harvester/all'](HCI.IMAGE).find((image) => image.id === id)?.spec?.displayName;
     },
 
     isLonghornV2(volume) {
@@ -275,8 +275,8 @@ export default {
     <Sortable
       :list="rows"
       :options="{disabled: isView}"
-      @end="update"
       item-key="id"
+      @end="update"
     >
       <template #item="{element: volume, index: i}">
         <div :key="volume.name">
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/container.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/container.vue
index 13757823..8489d7f4 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/container.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/container.vue
@@ -6,7 +6,7 @@ import { VOLUME_TYPE, InterfaceOption } from '../../../../config/harvester-map';
 import { Banner } from '@components/Banner';
 
 export default {
-  name:       'HarvesterEditContainer',
+  name: 'HarvesterEditContainer',
 
   emits: ['update'],
 
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/existing.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/existing.vue
index 74e5bc60..cfbde927 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/existing.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/existing.vue
@@ -13,7 +13,7 @@ import { HCI } from '../../../../types';
 import { VOLUME_TYPE, InterfaceOption } from '../../../../config/harvester-map';
 
 export default {
-  name:       'HarvesterEditExisting',
+  name: 'HarvesterEditExisting',
 
   emits: ['update'],
 
@@ -79,7 +79,7 @@ export default {
     },
 
     image() {
-      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE).find(I => I.id === this.pvcResource?.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_ID]);
+      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE).find((I) => I.id === this.pvcResource?.metadata?.annotations?.[HCI_ANNOTATIONS.IMAGE_ID]);
 
       if (!imageResource) {
         return;
@@ -89,7 +89,7 @@ export default {
     },
 
     pvcResource() {
-      return this.allPVCs.find( P => P.metadata.name === this.value.volumeName );
+      return this.allPVCs.find( (P) => P.metadata.name === this.value.volumeName );
     },
 
     volumeOption() {
@@ -130,7 +130,7 @@ export default {
 
   watch: {
     'value.volumeName'(neu) {
-      const pvcResource = this.allPVCs.find( P => P.metadata.name === neu);
+      const pvcResource = this.allPVCs.find( (P) => P.metadata.name === neu);
 
       if (!pvcResource) {
         return;
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/vmImage.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/vmImage.vue
index b7d3425b..2b9377df 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/vmImage.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/vmImage.vue
@@ -88,7 +88,7 @@ export default {
     },
 
     imagesOption() {
-      return this.images.filter(c => c.isReady).sort((a, b) => a.creationTimestamp > b.creationTimestamp ? -1 : 1).map( (I) => {
+      return this.images.filter((c) => c.isReady).sort((a, b) => a.creationTimestamp > b.creationTimestamp ? -1 : 1).map( (I) => {
         return {
           label: `${ I.metadata.namespace }/${ I.spec.displayName }`,
           value: I.id
@@ -97,7 +97,7 @@ export default {
     },
 
     imageName() {
-      const image = this.imagesOption.find(I => I.value === this.value.image);
+      const image = this.imagesOption.find((I) => I.value === this.value.image);
 
       return image ? image.label : '-';
     },
@@ -163,7 +163,7 @@ export default {
     },
 
     onImageChange() {
-      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE)?.find( I => this.value.image === I.id);
+      const imageResource = this.$store.getters['harvester/all'](HCI.IMAGE)?.find( (I) => this.value.image === I.id);
       const isIsoImage = /iso$/i.test(imageResource?.imageSuffix);
       const imageSize = Math.max(imageResource?.status?.size, imageResource?.status?.virtualSize);
 
@@ -212,7 +212,11 @@ export default {
         data-testid="input-hevi-name"
         class="col span-6"
       >
-        <InputOrDisplay :name="t('harvester.fields.name')" :value="value.name" :mode="mode">
+        <InputOrDisplay
+          :name="t('harvester.fields.name')"
+          :value="value.name"
+          :mode="mode"
+        >
           <LabeledInput
             v-model:value="value.name"
             :label="t('harvester.fields.name')"
@@ -321,7 +325,10 @@ export default {
       </div>
     </div>
     <div class="row mb-20">
-      <div v-if="value.volumeBackups && isView" class="col span-3">
+      <div
+        v-if="value.volumeBackups && isView"
+        class="col span-3"
+      >
         <LabelValue
           :name="t('harvester.virtualMachine.volume.readyToUse')"
           :value="readyToUse"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/volume.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/volume.vue
index 97d57178..4874a277 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/volume.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/VirtualMachineVolume/type/volume.vue
@@ -14,7 +14,7 @@ import { LVM_DRIVER } from '../../../../models/harvester/storage.k8s.io.storagec
 import { DATA_ENGINE_V2 } from '../../../../edit/harvesterhci.io.storage/index.vue';
 
 export default {
-  name:       'HarvesterEditVolume',
+  name: 'HarvesterEditVolume',
 
   emits: ['update'],
 
@@ -82,7 +82,7 @@ export default {
     pvcsResource() {
       const allPVCs = this.$store.getters['harvester/all'](PVC) || [];
 
-      return allPVCs.find(P => P.id === `${ this.namespace }/${ this.value.volumeName }`);
+      return allPVCs.find((P) => P.id === `${ this.namespace }/${ this.value.volumeName }`);
     },
 
     isDisabled() {
@@ -94,7 +94,7 @@ export default {
     },
 
     storageClassOptions() {
-      return this.storageClasses.filter(s => !s.parameters?.backingImage).map((s) => {
+      return this.storageClasses.filter((s) => !s.parameters?.backingImage).map((s) => {
         const label = s.isDefault ? `${ s.name } (${ this.t('generic.default') })` : s.name;
 
         return {
@@ -113,7 +113,7 @@ export default {
     'value.storageClassName': {
       immediate: true,
       handler(neu) {
-        const storageClass = this.storageClasses.find(sc => sc.name === neu);
+        const storageClass = this.storageClasses.find((sc) => sc.name === neu);
         const provisioner = storageClass?.provisioner;
         const engine = storageClass?.parameters?.dataEngine;
 
@@ -158,7 +158,10 @@ export default {
 
 <template>
   <div>
-    <Loading mode="relative" :loading="loading" />
+    <Loading
+      mode="relative"
+      :loading="loading"
+    />
     <div class="row mb-20">
       <div
         class="col span-6"
@@ -249,7 +252,11 @@ export default {
         data-testid="input-hev-bus"
         class="col span-6"
       >
-        <InputOrDisplay :name="t('harvester.virtualMachine.volume.bus')" :value="value.bus" :mode="mode">
+        <InputOrDisplay
+          :name="t('harvester.virtualMachine.volume.bus')"
+          :value="value.bus"
+          :mode="mode"
+        >
           <LabeledSelect
             v-model:value="value.bus"
             :label="t('harvester.virtualMachine.volume.bus')"
@@ -271,7 +278,10 @@ export default {
       </div>
     </div>
     <div class="row mb-20">
-      <div v-if="value.volumeBackups && isView" class="col span-3">
+      <div
+        v-if="value.volumeBackups && isView"
+        class="col span-3"
+      >
         <LabelValue
           :name="t('harvester.virtualMachine.volume.readyToUse')"
           :value="readyToUse"
diff --git a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
index 512a2502..7004c156 100644
--- a/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
+++ b/pkg/harvester/edit/kubevirt.io.virtualmachine/index.vue
@@ -142,7 +142,7 @@ export default {
     versionOptions() {
       const defaultVersion = this.curTemplateResource?.defaultVersion;
 
-      return this.versions.filter( O => O.templateId === this.templateId).map( (T) => {
+      return this.versions.filter( (O) => O.templateId === this.templateId).map( (T) => {
         const version = T.version;
 
         const label = defaultVersion === version ? `${ version } (${ this.t('generic.default') })` : version;
@@ -157,7 +157,7 @@ export default {
     },
 
     curTemplateResource() {
-      return this.templates.find( O => O.id === this.templateId);
+      return this.templates.find( (O) => O.id === this.templateId);
     },
 
     nameLabel() {
@@ -190,7 +190,7 @@ export default {
 
     enableCpuPinningCheckbox() {
       if (this.mode === 'create') {
-        return this.nodes.some(node => node.isCPUManagerEnabled); // any one of nodes has label cpuManager=true
+        return this.nodes.some((node) => node.isCPUManagerEnabled); // any one of nodes has label cpuManager=true
       }
 
       return true;
@@ -202,7 +202,7 @@ export default {
       }
 
       if (this.mode === 'create') {
-        return this.nodes.every(node => !node.isCPUManagerEnabled); // no node enabled CPU manager
+        return this.nodes.every((node) => !node.isCPUManagerEnabled); // no node enabled CPU manager
       }
 
       return false;
@@ -218,7 +218,7 @@ export default {
         if (id !== old && !this.templateVersionId) {
           const templates = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_TEMPLATE });
 
-          this.templateVersionId = templates.find( O => O.id === id)?.spec?.defaultVersionId;
+          this.templateVersionId = templates.find( (O) => O.id === id)?.spec?.defaultVersionId;
         }
       },
       immediate: false
@@ -230,7 +230,7 @@ export default {
           return;
         }
         const versions = await this.$store.dispatch('harvester/findAll', { type: HCI.VM_VERSION });
-        const curVersion = versions.find( V => V.id === id);
+        const curVersion = versions.find( (V) => V.id === id);
         const cloneVersionVM = clone(curVersion.spec.vm);
 
         delete cloneVersionVM.spec?.template?.spec?.accessCredentials;
@@ -458,7 +458,7 @@ export default {
     hasAvailableVersion(templateId) {
       let hasAvailableVersion = false;
 
-      this.versions.filter( O => O.templateId === templateId).find( (T) => {
+      this.versions.filter( (O) => O.templateId === templateId).find( (T) => {
         if (T.isReady) {
           hasAvailableVersion = true;
         }
@@ -483,7 +483,7 @@ export default {
     id="vm"
     :done-route="doneRoute"
     :resource="value"
-    :cancelEvent="true"
+    :cancel-event="true"
     :mode="mode"
     :can-yaml="isSingle ? true : false"
     :errors="errors"
@@ -503,13 +503,13 @@ export default {
 
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :has-extra="!isSingle"
       :name-label="nameLabel"
       :namespaced="true"
       :name-placeholder="isSingle ? 'nameNsDescription.name.placeholder' : 'harvester.virtualMachine.instance.multiple.nameNsDescription'"
       :extra-columns="isSingle ? [] :['type']"
+      @update:value="$emit('update:value', $event)"
     >
       <template #type>
         <LabeledInput
@@ -653,16 +653,44 @@ export default {
         />
       </Tab>
 
-      <Tab v-if="enabledSriovgpu" :label="t('harvester.tab.vGpuDevices')" name="vGpuDevices" :weight="-6">
-        <VGpuDevices :mode="mode" :value="spec.template.spec" :vm="value" />
+      <Tab
+        v-if="enabledSriovgpu"
+        :label="t('harvester.tab.vGpuDevices')"
+        name="vGpuDevices"
+        :weight="-6"
+      >
+        <VGpuDevices
+          :mode="mode"
+          :value="spec.template.spec"
+          :vm="value"
+        />
       </Tab>
 
-      <Tab v-if="enabledPCI" :label="t('harvester.tab.usbDevices')" name="usbDevices" :weight="-7">
-        <UsbDevices :mode="mode" :value="spec.template.spec" :vm="value" />
+      <Tab
+        v-if="enabledPCI"
+        :label="t('harvester.tab.usbDevices')"
+        name="usbDevices"
+        :weight="-7"
+      >
+        <UsbDevices
+          :mode="mode"
+          :value="spec.template.spec"
+          :vm="value"
+        />
       </Tab>
 
-      <Tab v-if="isEdit" :label="t('harvester.tab.accessCredentials')" name="accessCredentials" :weight="-8">
-        <AccessCredentials v-model:value="accessCredentials" :mode="mode" :resourceType="value" :is-qemu-installed="isQemuInstalled" />
+      <Tab
+        v-if="isEdit"
+        :label="t('harvester.tab.accessCredentials')"
+        name="accessCredentials"
+        :weight="-8"
+      >
+        <AccessCredentials
+          v-model:value="accessCredentials"
+          :mode="mode"
+          :resource-type="value"
+          :is-qemu-installed="isQemuInstalled"
+        />
       </Tab>
 
       <Tab
@@ -739,11 +767,24 @@ export default {
         </div>
 
         <div class="row mb-20">
-          <a v-if="showAdvanced" v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
-          <a v-else v-t="'harvester.generic.showMore'" role="button" @click="toggleAdvanced" />
+          <a
+            v-if="showAdvanced"
+            v-t="'harvester.generic.showMore'"
+            role="button"
+            @click="toggleAdvanced"
+          />
+          <a
+            v-else
+            v-t="'harvester.generic.showMore'"
+            role="button"
+            @click="toggleAdvanced"
+          />
         </div>
 
-        <div v-if="showAdvanced" class="mb-20">
+        <div
+          v-if="showAdvanced"
+          class="mb-20"
+        >
           <div class="row mb-20">
             <div class="col span-6">
               <LabeledInput
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Priority.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Priority.vue
index 46b3033d..08dffc02 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Priority.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Priority.vue
@@ -8,7 +8,7 @@ import PriorityRow from './PriorityRow';
 
 export default {
   emits: ['update:value'],
-  
+
   components: { PriorityRow },
 
   props: {
@@ -122,7 +122,9 @@ export default {
         />
       </div>
       <div
-        v-for="(row, idx) in rows" :key="idx">
+        v-for="(row, idx) in rows"
+        :key="idx"
+      >
         <PriorityRow
           :row="row"
           :mode="mode"
@@ -133,8 +135,15 @@ export default {
         />
       </div>
     </div>
-    <div v-if="showAdd" class="footer">
-      <button type="button" class="btn role-tertiary add" @click="add()">
+    <div
+      v-if="showAdd"
+      class="footer"
+    >
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="add()"
+      >
         <t k="harvester.ipPool.scope.addLabel" />
       </button>
     </div>
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/PriorityRow.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/PriorityRow.vue
index 796cfd42..572d3ecd 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/PriorityRow.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/PriorityRow.vue
@@ -7,7 +7,7 @@ import { HCI } from '@pkg/harvester/types';
 
 export default {
   emits: ['update:value', 'remove'],
-  
+
   components: { Select },
 
   props: {
@@ -82,13 +82,13 @@ export default {
     guestClusterOptions() {
       const clusters = this.$store.getters['management/all'](CAPI.RANCHER_CLUSTER);
       const configs = this.$store.getters['management/all'](HCI.HARVESTER_CONFIG);
-      const selectedClusters = this.rows.map(row => row?.guestCluster);
-      const filteredNamespaces = this.filteredNamespaces.map(n => n.id);
+      const selectedClusters = this.rows.map((row) => row?.guestCluster);
+      const filteredNamespaces = this.filteredNamespaces.map((n) => n.id);
 
       const out = clusters.filter((c) => {
         const machinePools = c.spec?.rkeConfig?.machinePools || [];
         const machineConfigName = machinePools[0]?.machineConfigRef?.name;
-        const config = configs.find(c => c.id === `fleet-default/${ machineConfigName }`);
+        const config = configs.find((c) => c.id === `fleet-default/${ machineConfigName }`);
 
         if (config) {
           const vmNamespace = config?.vmNamespace;
@@ -120,7 +120,7 @@ export default {
     projectOptions() {
       const projects = this.$store.getters['management/all'](MANAGEMENT.PROJECT);
 
-      const out = projects.filter(p => p.metadata.namespace === this.currentCluster.id).map((project) => {
+      const out = projects.filter((p) => p.metadata.namespace === this.currentCluster.id).map((project) => {
         return {
           label: project.nameDisplay,
           value: project.id,
@@ -219,8 +219,15 @@ export default {
         @update:value="update"
       />
     </div>
-    <div v-if="showRemove" class="remove">
-      <button type="button" class="btn role-link" @click="remove(idx)">
+    <div
+      v-if="showRemove"
+      class="remove"
+    >
+      <button
+        type="button"
+        class="btn role-link"
+        @click="remove(idx)"
+      >
         <t k="generic.remove" />
       </button>
     </div>
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Range.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Range.vue
index bcc4cf53..b77e79ab 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Range.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Range.vue
@@ -5,7 +5,7 @@ import { removeAt } from '@shell/utils/array';
 
 export default {
   emits: ['update:value'],
-  
+
   props: {
     value: {
       type:    Array,
@@ -103,7 +103,9 @@ export default {
   <div>
     <div v-if="rows.length">
       <div
-        v-for="(row, idx) in rows" :key="idx">
+        v-for="(row, idx) in rows"
+        :key="idx"
+      >
         <div
           class="pool-headers"
           :class="{
@@ -196,19 +198,37 @@ export default {
               @input="queueUpdate"
             />
           </div>
-          <div v-if="showRemove" class="remove">
-            <button type="button" class="btn role-link" @click="remove(idx)">
+          <div
+            v-if="showRemove"
+            class="remove"
+          >
+            <button
+              type="button"
+              class="btn role-link"
+              @click="remove(idx)"
+            >
               <t k="generic.remove" />
             </button>
           </div>
         </div>
       </div>
     </div>
-    <div v-if="showAdd" class="footer">
-      <button type="button" class="btn role-tertiary add" @click="addCIDR()">
+    <div
+      v-if="showAdd"
+      class="footer"
+    >
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="addCIDR()"
+      >
         <t k="harvester.ipPool.cidr.addLabel" />
       </button>
-      <button type="button" class="btn role-tertiary add" @click="addRange()">
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="addRange()"
+      >
         <t k="harvester.ipPool.range.addLabel" />
       </button>
     </div>
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Selector.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Selector.vue
index d9cfaf12..a0485ec1 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Selector.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/Selector.vue
@@ -10,7 +10,7 @@ import Priority from './Priority';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     LabeledSelect,
     LabeledInput,
@@ -47,7 +47,7 @@ export default {
       return [{
         label: this.t('generic.none'),
         value: '',
-      }, ...networks.map(n => ({
+      }, ...networks.map((n) => ({
         label: n.id,
         value: n.id,
       }))];
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/index.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/index.vue
index b2cf74fb..b51671f3 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/index.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.ippool/index.vue
@@ -84,9 +84,9 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :namespaced="false"
       :mode="mode"
+      @update:value="$emit('update:value', $event)"
     />
 
     <ResourceTabs
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/HealthCheck.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/HealthCheck.vue
index c6a2d3e7..5eee64e6 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/HealthCheck.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/HealthCheck.vue
@@ -5,7 +5,7 @@ import RadioGroup from '@components/Form/Radio/RadioGroup';
 
 export default {
   emits: ['enabled'],
-  
+
   components: {
     LabeledInput,
     LabeledSelect,
@@ -42,7 +42,7 @@ export default {
     portOptions() {
       const ports = this.model?.spec?.listeners || [];
 
-      return ports.filter(p => p.port && p.protocol === 'TCP').map(p => p.backendPort) || [];
+      return ports.filter((p) => p.port && p.protocol === 'TCP').map((p) => p.backendPort) || [];
     },
   },
 
@@ -71,7 +71,10 @@ export default {
     </div>
     <div v-if="healthCheckEnabled">
       <div class="row mt-10">
-        <div v-if="healthCheckEnabled" class="col span-6">
+        <div
+          v-if="healthCheckEnabled"
+          class="col span-6"
+        >
           <LabeledSelect
             v-model:value="value.port"
             :mode="mode"
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/Listeners.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/Listeners.vue
index dfdcbc69..e101630d 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/Listeners.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/Listeners.vue
@@ -7,7 +7,7 @@ import Select from '@shell/components/form/Select';
 
 export default {
   emits: ['update:value'],
-  
+
   components: { Select },
   props:      {
     value: {
@@ -129,7 +129,9 @@ export default {
         />
       </div>
       <div
-        v-for="(row, idx) in rows" :key="idx" class="listener-row"
+        v-for="(row, idx) in rows"
+        :key="idx"
+        class="listener-row"
       >
         <div class="port-name">
           <span v-if="isView">
@@ -182,15 +184,29 @@ export default {
             @input="queueUpdate"
           />
         </div>
-        <div v-if="showRemove" class="remove">
-          <button type="button" class="btn role-link" @click="remove(idx)">
+        <div
+          v-if="showRemove"
+          class="remove"
+        >
+          <button
+            type="button"
+            class="btn role-link"
+            @click="remove(idx)"
+          >
             <t k="generic.remove" />
           </button>
         </div>
       </div>
     </div>
-    <div v-if="showAdd" class="footer">
-      <button type="button" class="btn role-tertiary add" @click="add()">
+    <div
+      v-if="showAdd"
+      class="footer"
+    >
+      <button
+        type="button"
+        class="btn role-tertiary add"
+        @click="add()"
+      >
         <t k="generic.add" />
       </button>
     </div>
diff --git a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/index.vue b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/index.vue
index 410857a9..880e6d7f 100644
--- a/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/index.vue
+++ b/pkg/harvester/edit/loadbalancer.harvesterhci.io.loadbalancer/index.vue
@@ -105,7 +105,7 @@ export default {
     ipPoolOptions() {
       const ipPools = this.$store.getters['harvester/all'](HCI.IP_POOL);
 
-      const out = ipPools.map(ipPool => ipPool.id);
+      const out = ipPools.map((ipPool) => ipPool.id);
 
       return [{
         label: this.t('harvester.loadBalancer.ipPool.options.none'),
@@ -116,13 +116,13 @@ export default {
     projectOptions() {
       const projects = this.$store.getters['harvester/all'](MANAGEMENT.PROJECT);
 
-      return projects.map(project => project.id);
+      return projects.map((project) => project.id);
     },
 
     namespaceOptions() {
       const namespaces = this.$store.getters['harvester/all'](NAMESPACE);
 
-      return namespaces.map(n => n.id);
+      return namespaces.map((n) => n.id);
     },
 
     backendServerSelector: {
@@ -166,7 +166,7 @@ export default {
 
     healthCheckPortInUseWarning() {
       const healthCheckPort = this.value?.spec?.healthCheck?.port;
-      const portInUse = this.value?.spec?.listeners?.find(l => l.backendPort === healthCheckPort);
+      const portInUse = this.value?.spec?.listeners?.find((l) => l.backendPort === healthCheckPort);
 
       if (healthCheckPort && portInUse) {
         return this.t('harvester.loadBalancer.healthCheck.warning.portInUse', { port: portInUse.backendPort }, true);
@@ -191,7 +191,7 @@ export default {
 
     updateMatchingVMs: throttle(function() {
       const backendServerSelector = this.value.spec.backendServerSelector;
-      const allVMs = this.$store.getters['harvester/all'](HCI.VM).filter(vm => vm.metadata.namespace === this.value.metadata.namespace);
+      const allVMs = this.$store.getters['harvester/all'](HCI.VM).filter((vm) => vm.metadata.namespace === this.value.metadata.namespace);
 
       if (isEmpty(backendServerSelector)) {
         this.matchingVMs = {
@@ -238,9 +238,9 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :namespaced="true"
       :mode="mode"
+      @update:value="$emit('update:value', $event)"
     />
 
     <ResourceTabs
diff --git a/pkg/harvester/edit/management.cattle.io.project.vue b/pkg/harvester/edit/management.cattle.io.project.vue
index 67bb9751..dafb3fb9 100644
--- a/pkg/harvester/edit/management.cattle.io.project.vue
+++ b/pkg/harvester/edit/management.cattle.io.project.vue
@@ -21,7 +21,7 @@ import { Banner } from '@components/Banner';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     ContainerResourceLimit, CruResource, Labels, LabeledSelect, NameNsDescription, ProjectMembershipEditor, ResourceQuota, Tabbed, Tab, Banner
   },
@@ -114,7 +114,7 @@ export default {
 
       const cur = this.value.status?.podSecurityPolicyTemplateId;
 
-      if ( cur && !out.find(x => x.value === cur) ) {
+      if ( cur && !out.find((x) => x.value === cur) ) {
         out.unshift({ label: this.t('project.psp.current', { value: cur }), value: cur });
       }
 
@@ -219,7 +219,6 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :name-editable="true"
       :mode="mode"
       :namespaced="false"
@@ -228,6 +227,7 @@ export default {
       name-key="spec.displayName"
       :normalize-name="false"
       :rules="{ name: fvGetAndReportPathRules('spec.displayName'), namespace: [], description: [] }"
+      @update:value="$emit('update:value', $event)"
     />
     <div class="row mb-20">
       <div class="col span-3">
diff --git a/pkg/harvester/edit/network.harvesterhci.io.clusternetwork/index.vue b/pkg/harvester/edit/network.harvesterhci.io.clusternetwork/index.vue
index 609dae2b..de741b65 100644
--- a/pkg/harvester/edit/network.harvesterhci.io.clusternetwork/index.vue
+++ b/pkg/harvester/edit/network.harvesterhci.io.clusternetwork/index.vue
@@ -70,9 +70,9 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :namespaced="false"
+      @update:value="$emit('update:value', $event)"
     />
     <ResourceTabs
       v-model:value="value"
diff --git a/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/NodeSelector.vue b/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/NodeSelector.vue
index eb5aeefa..75ef2d77 100644
--- a/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/NodeSelector.vue
+++ b/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/NodeSelector.vue
@@ -11,7 +11,7 @@ import { HCI } from '../../types';
 
 export default {
   emits: ['updateMatchingNICs', 'updateMatchingNodes'],
-  
+
   components: {
     RadioGroup,
     LabeledSelect,
diff --git a/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/index.vue b/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/index.vue
index 59d622a9..44ecf6d9 100644
--- a/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/index.vue
+++ b/pkg/harvester/edit/network.harvesterhci.io.vlanconfig/index.vue
@@ -26,7 +26,7 @@ import NodeSelector from './NodeSelector';
 
 export default {
   emits: ['update:value'],
-  
+
   components: {
     CruResource,
     NameNsDescription,
@@ -96,7 +96,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const nodes = this.$store.getters[`${ inStore }/all`](NODE);
 
-      return nodes.filter(n => n.isEtcd !== 'true').map((node) => {
+      return nodes.filter((n) => n.isEtcd !== 'true').map((node) => {
         return {
           label: node.nameDisplay,
           value: node.id
@@ -154,7 +154,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const linkMonitor = this.$store.getters[`${ inStore }/byId`](HCI.LINK_MONITOR, 'nic') || {};
       const linkStatus = linkMonitor?.status?.linkStatus || {};
-      const nodes = this.nodes.map(n => n.id);
+      const nodes = this.nodes.map((n) => n.id);
 
       const out = [];
 
@@ -194,7 +194,7 @@ export default {
         }
       });
 
-      return out.filter(o => !map[o.name].masterIndex).map((o) => {
+      return out.filter((o) => !map[o.name].masterIndex).map((o) => {
         let label = '';
 
         if (map[o.name].down === 0) {
@@ -217,7 +217,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const nodes = this.$store.getters[`${ inStore }/all`](NODE);
 
-      return nodes.filter(n => n.isEtcd !== 'true');
+      return nodes.filter((n) => n.isEtcd !== 'true');
     },
   },
 
@@ -236,7 +236,7 @@ export default {
             errors.push(nicRequired);
           }
 
-          const option = this.nicOptions.find(option => option.value === n);
+          const option = this.nicOptions.find((option) => option.value === n);
 
           if (option && option?.disabled) {
             errors.push(this.t('harvester.vlanConfig.uplink.nics.validate.available', { nic: n }, true));
@@ -280,15 +280,15 @@ export default {
 
       if (isEmpty(nodeSelector)) {
         matchNICs = clone(allNICs);
-        commonNodes = (this.nodes || []).map(n => n.id);
+        commonNodes = (this.nodes || []).map((n) => n.id);
       } else if (nodeSelector[HOSTNAME] && Object.keys(nodeSelector).length === 1) {
-        matchNICs = allNICs.filter(n => n.nodeName === nodeSelector[HOSTNAME]);
+        matchNICs = allNICs.filter((n) => n.nodeName === nodeSelector[HOSTNAME]);
         commonNodes = [nodeSelector[HOSTNAME]];
       } else {
-        const matchNodes = matching(this.nodes || [], nodeSelector).map(n => n.id);
+        const matchNodes = matching(this.nodes || [], nodeSelector).map((n) => n.id);
 
-        matchNICs = allNICs.filter(n => matchNodes.includes(n.nodeName));
-        commonNodes = matchNodes.map(n => n.id);
+        matchNICs = allNICs.filter((n) => matchNodes.includes(n.nodeName));
+        commonNodes = matchNodes.map((n) => n.id);
       }
 
       this.matchNICs = this.intersection(matchNICs, commonNodes) || [];
@@ -301,7 +301,7 @@ export default {
         map[n.name] = (map[n.name] || 0) + 1;
       });
 
-      return nics.filter(n => map[n.name] === commonNodes.length);
+      return nics.filter((n) => map[n.name] === commonNodes.length);
     },
 
     updateMatchingNodes: throttle(function() {
@@ -316,7 +316,7 @@ export default {
           sample:  allNodes[0] ? allNodes[0].nameDisplay : null,
         };
       } else if (selector[HOSTNAME] && Object.keys(selector).length === 1) {
-        const matchNode = allNodes.find(n => n.id === selector[HOSTNAME]);
+        const matchNode = allNodes.find((n) => n.id === selector[HOSTNAME]);
 
         if (matchNode) {
           this.matchingNodes = {
@@ -352,7 +352,7 @@ export default {
       const nicErrors = [];
 
       nics.map((n) => {
-        const option = options.find(option => option.value === n);
+        const option = options.find((option) => option.value === n);
 
         if ((option && option?.disabled) || !option) {
           nicErrors.push(this.t('harvester.vlanConfig.uplink.nics.validate.available', { nic: n }, true));
@@ -376,9 +376,9 @@ export default {
   >
     <NameNsDescription
       :value="value"
-      @update:value="$emit('update:value', $event)"
       :mode="mode"
       :namespaced="false"
+      @update:value="$emit('update:value', $event)"
     />
 
     <Tabbed
@@ -433,14 +433,16 @@ export default {
         <div class="row mt-20">
           <div class="col span-12">
             <Banner
-              v-for="(err, i) in nicErrors" :key="i" color="warning"
+              v-for="(err, i) in nicErrors"
+              :key="i"
+              color="warning"
               :label="err"
             />
             <ArrayListSelect
               v-model:value="value.spec.uplink.nics"
               :mode="mode"
               :options="nicOptions"
-              :enableDefaultAddValue="false"
+              :enable-default-add-value="false"
               :array-list-props="{
                 addLabel: t('harvester.vlanConfig.uplink.nics.addLabel'),
                 initialEmptyRow: true,
diff --git a/pkg/harvester/formatters/AttachVMWithName.vue b/pkg/harvester/formatters/AttachVMWithName.vue
index fed1450e..716c9fff 100644
--- a/pkg/harvester/formatters/AttachVMWithName.vue
+++ b/pkg/harvester/formatters/AttachVMWithName.vue
@@ -23,7 +23,7 @@ export default {
 
   computed: {
     vm() {
-      const vm = this.vmList.find( V => V.id === `${ this.row.metadata.namespace }/${ this.value }`);
+      const vm = this.vmList.find( (V) => V.id === `${ this.row.metadata.namespace }/${ this.value }`);
 
       return vm;
     },
diff --git a/pkg/harvester/formatters/BackupCreatedFrom.vue b/pkg/harvester/formatters/BackupCreatedFrom.vue
index 4ff96c29..7c448874 100644
--- a/pkg/harvester/formatters/BackupCreatedFrom.vue
+++ b/pkg/harvester/formatters/BackupCreatedFrom.vue
@@ -18,7 +18,7 @@ export default {
       if (!this.value) {
         return '';
       } else {
-        return this.scheduleList.find(s => s.id === this.value);
+        return this.scheduleList.find((s) => s.id === this.value);
       }
     },
     to() {
@@ -29,13 +29,19 @@ export default {
 </script>
 
 <template>
-  <router-link v-if="to" :to="to">
+  <router-link
+    v-if="to"
+    :to="to"
+  >
     {{ value }}
   </router-link>
   <span v-else-if="value">
     {{ value }}
   </span>
-  <span v-else class="text-muted">
+  <span
+    v-else
+    class="text-muted"
+  >
     &mdash;
   </span>
 </template>
diff --git a/pkg/harvester/formatters/HarvesterBackupProgressBar.vue b/pkg/harvester/formatters/HarvesterBackupProgressBar.vue
index b1f7a67a..f39b3c86 100644
--- a/pkg/harvester/formatters/HarvesterBackupProgressBar.vue
+++ b/pkg/harvester/formatters/HarvesterBackupProgressBar.vue
@@ -51,7 +51,7 @@ export default {
         return null;
       }
       const title = this.t(`harvester.${ this.value.type }.progress.details`);
-      const rows = this.value.details.volumes.map(v => `<br><b>${ v.volumeName }</b>:  ${ v.progress || 0 }%`);
+      const rows = this.value.details.volumes.map((v) => `<br><b>${ v.volumeName }</b>:  ${ v.progress || 0 }%`);
 
       return rows.reduce((acc, r) => acc + r, `${ title }<br>`);
     },
@@ -60,7 +60,10 @@ export default {
 </script>
 
 <template>
-  <div v-if="isEmpty" class="empty">
+  <div
+    v-if="isEmpty"
+    class="empty"
+  >
     <span class="text-muted">
       &mdash;
     </span>
diff --git a/pkg/harvester/formatters/HarvesterBackupTargetValidation.vue b/pkg/harvester/formatters/HarvesterBackupTargetValidation.vue
index 5336901f..00523172 100644
--- a/pkg/harvester/formatters/HarvesterBackupTargetValidation.vue
+++ b/pkg/harvester/formatters/HarvesterBackupTargetValidation.vue
@@ -22,7 +22,7 @@ export default {
   computed: {
     isMatch() {
       const harvesterSettings = this.$store.getters['harvester/all'](HCI.SETTING) || [];
-      const resource = harvesterSettings.find( V => V.id === 'backup-target');
+      const resource = harvesterSettings.find( (V) => V.id === 'backup-target');
 
       let isMatch = false;
 
@@ -42,7 +42,10 @@ export default {
   </div>
   <div v-else>
     {{ value }}
-    <p v-if="value" class="text-error">
+    <p
+      v-if="value"
+      class="text-error"
+    >
       {{ t('harvester.backup.matchTarget') }}
     </p>
   </div>
diff --git a/pkg/harvester/formatters/HarvesterCPUPinning.vue b/pkg/harvester/formatters/HarvesterCPUPinning.vue
index 32b338a8..68b6410d 100644
--- a/pkg/harvester/formatters/HarvesterCPUPinning.vue
+++ b/pkg/harvester/formatters/HarvesterCPUPinning.vue
@@ -14,7 +14,7 @@ export default {
   },
   computed: {
     row() {
-      return this.rows.find(r => r.id === this.value);
+      return this.rows.find((r) => r.id === this.value);
     },
     cpuManagerStatus() {
       if (this.row?.isCPUManagerEnableInProgress) {
@@ -28,10 +28,16 @@ export default {
 </script>
 
 <template>
-  <span v-if="row?.isCPUManagerEnableInProgress" v-clean-tooltip="cpuManagerStatus">
+  <span
+    v-if="row?.isCPUManagerEnableInProgress"
+    v-clean-tooltip="cpuManagerStatus"
+  >
     <i class="icon icon-spinner icon-spin" />
   </span>
-  <span v-else-if="row?.isCPUManagerEnabled" v-clean-tooltip="cpuManagerStatus">
+  <span
+    v-else-if="row?.isCPUManagerEnabled"
+    v-clean-tooltip="cpuManagerStatus"
+  >
     <i class="icon icon-checkmark" />
   </span>
   <span
diff --git a/pkg/harvester/formatters/HarvesterDiskState.vue b/pkg/harvester/formatters/HarvesterDiskState.vue
index 1fe2c817..cbb3003e 100644
--- a/pkg/harvester/formatters/HarvesterDiskState.vue
+++ b/pkg/harvester/formatters/HarvesterDiskState.vue
@@ -87,7 +87,9 @@ export default {
 
       <template #popper>
         <p
-          v-for="(message, index) in warningMessage" :key="index">
+          v-for="(message, index) in warningMessage"
+          :key="index"
+        >
           {{ index + 1 }}. {{ message }}
         </p>
       </template>
diff --git a/pkg/harvester/formatters/HarvesterHost.vue b/pkg/harvester/formatters/HarvesterHost.vue
index c18361da..6f87ed5b 100644
--- a/pkg/harvester/formatters/HarvesterHost.vue
+++ b/pkg/harvester/formatters/HarvesterHost.vue
@@ -31,6 +31,9 @@ export default {
 
 <template>
   <div>
-    <CopyToClipboardText v-clean-tooltip="ip" :text="nameDisplay" />
+    <CopyToClipboardText
+      v-clean-tooltip="ip"
+      :text="nameDisplay"
+    />
   </div>
 </template>
diff --git a/pkg/harvester/formatters/HarvesterIpAddress.vue b/pkg/harvester/formatters/HarvesterIpAddress.vue
index 052d4833..3d342714 100644
--- a/pkg/harvester/formatters/HarvesterIpAddress.vue
+++ b/pkg/harvester/formatters/HarvesterIpAddress.vue
@@ -53,7 +53,7 @@ export default {
       try {
         const out = JSON.parse(annotationIp);
 
-        return out.map( ip => ({
+        return out.map( (ip) => ({
           ip:   ip.replace(/\/[\d\D]*/, ''),
           name: ''
         }));
@@ -64,7 +64,7 @@ export default {
 
     vmiIp() {
       const vmiResources = this.$store.getters[`${ this.inStore }/all`](HCI.VMI);
-      const resource = vmiResources.find(VMI => VMI.id === this.value) || null;
+      const resource = vmiResources.find((VMI) => VMI.id === this.value) || null;
       const networksName = this.row.networksName || [];
       const vmiNetworks = resource?.spec?.networks || [];
 
@@ -72,7 +72,7 @@ export default {
         return isIpv4(intf.ipAddress) && networksName.includes(intf.name);
       }).map((intf) => {
         let name;
-        const network = vmiNetworks.find(network => network.name === intf.name);
+        const network = vmiNetworks.find((network) => network.name === intf.name);
 
         if (network && network.multus) {
           name = network.multus.networkName;
@@ -96,8 +96,14 @@ export default {
 
 <template>
   <div v-if="showIP">
-    <span v-for="{ip, name} in ips" :key="ip">
-      <CopyToClipboardText v-clean-tooltip="name" :text="ip" />
+    <span
+      v-for="{ip, name} in ips"
+      :key="ip"
+    >
+      <CopyToClipboardText
+        v-clean-tooltip="name"
+        :text="ip"
+      />
     </span>
   </div>
 </template>
diff --git a/pkg/harvester/formatters/HarvesterListener.vue b/pkg/harvester/formatters/HarvesterListener.vue
index c60612fc..dd38eabb 100644
--- a/pkg/harvester/formatters/HarvesterListener.vue
+++ b/pkg/harvester/formatters/HarvesterListener.vue
@@ -66,7 +66,9 @@ export default {
 <template>
   <div>
     <div
-      v-for="(port, index) in parsed" :key="index">
+      v-for="(port, index) in parsed"
+      :key="index"
+    >
       <CopyToClipboardText :text="port.label" />
     </div>
   </div>
diff --git a/pkg/harvester/formatters/HarvesterMigrationState.vue b/pkg/harvester/formatters/HarvesterMigrationState.vue
index f32a7620..acc8f340 100644
--- a/pkg/harvester/formatters/HarvesterMigrationState.vue
+++ b/pkg/harvester/formatters/HarvesterMigrationState.vue
@@ -4,7 +4,7 @@ import { HCI } from '../types';
 
 export default {
   emits: ['state-changed'],
-  
+
   components: { BadgeState },
 
   props: {
@@ -46,7 +46,10 @@ export default {
 <template>
   <div v-if="migrationState">
     <span v-if="!showSuccess">/</span>
-    <BadgeState :label="migrationState" :color="migrationBackground" />
+    <BadgeState
+      :label="migrationState"
+      :color="migrationBackground"
+    />
   </div>
 </template>
 
diff --git a/pkg/harvester/formatters/HarvesterStorageUsed.vue b/pkg/harvester/formatters/HarvesterStorageUsed.vue
index e37f27c9..2166c49d 100644
--- a/pkg/harvester/formatters/HarvesterStorageUsed.vue
+++ b/pkg/harvester/formatters/HarvesterStorageUsed.vue
@@ -53,7 +53,7 @@ export default {
       };
       const inStore = this.$store.getters['currentProduct'].inStore;
       const node = this.$store.getters[`${ inStore }/byId`](LONGHORN.NODES, `longhorn-system/${ this.row.id }`) || {};
-      const storageOverProvisioningPercentageSetting = this.longhornSettings.find(s => s.id === 'longhorn-system/storage-over-provisioning-percentage');
+      const storageOverProvisioningPercentageSetting = this.longhornSettings.find((s) => s.id === 'longhorn-system/storage-over-provisioning-percentage');
       const disks = node?.spec?.disks || {};
       const diskStatus = node?.status?.diskStatus || {};
 
diff --git a/pkg/harvester/formatters/HarvesterVFAddress.vue b/pkg/harvester/formatters/HarvesterVFAddress.vue
index 54a36d8b..fd6384e5 100644
--- a/pkg/harvester/formatters/HarvesterVFAddress.vue
+++ b/pkg/harvester/formatters/HarvesterVFAddress.vue
@@ -48,7 +48,9 @@ export default {
 <template>
   <div class="vfs">
     <span
-      v-for="(vf, index) in rows.visible" :key="index">
+      v-for="(vf, index) in rows.visible"
+      :key="index"
+    >
       <router-link
         :to="vf.to"
       >
@@ -76,7 +78,9 @@ export default {
         <div class="vfs-popup">
           <div>
             <span
-              v-for="(vf, index) in rows.invisible" :key="index">
+              v-for="(vf, index) in rows.invisible"
+              :key="index"
+            >
               <router-link
                 :to="vf.to"
               >
diff --git a/pkg/harvester/formatters/HarvesterVGpuDevices.vue b/pkg/harvester/formatters/HarvesterVGpuDevices.vue
index 4a4e2888..9c8bfd15 100644
--- a/pkg/harvester/formatters/HarvesterVGpuDevices.vue
+++ b/pkg/harvester/formatters/HarvesterVGpuDevices.vue
@@ -46,7 +46,9 @@ export default {
 <template>
   <div class="vgpudevices">
     <span
-      v-for="(vgpu, index) in rows.visible" :key="index">
+      v-for="(vgpu, index) in rows.visible"
+      :key="index"
+    >
       <router-link
         :to="vgpu.to"
       >
@@ -74,7 +76,9 @@ export default {
         <div class="vgpu-popup">
           <div>
             <span
-              v-for="(vgpu, index) in rows.invisible" :key="index">
+              v-for="(vgpu, index) in rows.invisible"
+              :key="index"
+            >
               <router-link
                 :to="vgpu.to"
               >
diff --git a/pkg/harvester/formatters/HarvesterVmState.vue b/pkg/harvester/formatters/HarvesterVmState.vue
index d35c8f8e..5cd50dba 100644
--- a/pkg/harvester/formatters/HarvesterVmState.vue
+++ b/pkg/harvester/formatters/HarvesterVmState.vue
@@ -37,7 +37,7 @@ export default {
     };
   },
 
-  beforeDestroy() {
+  beforeUnmount() {
     if (this.timer) {
       clearTimeout(this.timer);
     }
@@ -122,8 +122,15 @@ export default {
 
 <template>
   <span>
-    <HarvesterMigrationState v-show="isMigrating" :vm-resource="row" @state-changed="migrationStateChanged" />
-    <div v-show="!isMigrating" class="state">
+    <HarvesterMigrationState
+      v-show="isMigrating"
+      :vm-resource="row"
+      @state-changed="migrationStateChanged"
+    />
+    <div
+      v-show="!isMigrating"
+      class="state"
+    >
       <VMState :row="row" />
       <v-dropdown
         v-if="warningMessage.length"
@@ -144,7 +151,10 @@ export default {
             @mouseenter="showMessage(true)"
             @mouseleave="showMessage(false)"
           >
-            <p v-for="(message, index) in warningMessage" :key="index">
+            <p
+              v-for="(message, index) in warningMessage"
+              :key="index"
+            >
               {{ index + 1 }}.
               <a
                 v-if="canMiss(row, message)"
diff --git a/pkg/harvester/formatters/NetworkRouteConnectivity.vue b/pkg/harvester/formatters/NetworkRouteConnectivity.vue
index 425f536a..bf0a61ca 100644
--- a/pkg/harvester/formatters/NetworkRouteConnectivity.vue
+++ b/pkg/harvester/formatters/NetworkRouteConnectivity.vue
@@ -31,10 +31,21 @@ export default {
 
 <template>
   <div>
-    <div v-if="value !== 'N/A'" class="text">
-      <BadgeStateFormatter class="ml-10" :arbitrary="arbitrary" :row="row" :value="value" />
+    <div
+      v-if="value !== 'N/A'"
+      class="text"
+    >
+      <BadgeStateFormatter
+        class="ml-10"
+        :arbitrary="arbitrary"
+        :row="row"
+        :value="value"
+      />
     </div>
-    <div v-else class="text">
+    <div
+      v-else
+      class="text"
+    >
       {{ value }}
     </div>
   </div>
diff --git a/pkg/harvester/formatters/SnapshotTargetVolume.vue b/pkg/harvester/formatters/SnapshotTargetVolume.vue
index a13b6591..7b785123 100644
--- a/pkg/harvester/formatters/SnapshotTargetVolume.vue
+++ b/pkg/harvester/formatters/SnapshotTargetVolume.vue
@@ -22,7 +22,7 @@ export default {
   computed: {
     volume() {
       const namespace = this.row?.metadata?.namespace;
-      const volume = this.volumeList.find( V => V.id === `${ namespace }/${ this.value }`) || {};
+      const volume = this.volumeList.find( (V) => V.id === `${ namespace }/${ this.value }`) || {};
 
       return volume;
     },
diff --git a/pkg/harvester/formatters/StateWithPopover.vue b/pkg/harvester/formatters/StateWithPopover.vue
index 18d128ef..cf705fda 100644
--- a/pkg/harvester/formatters/StateWithPopover.vue
+++ b/pkg/harvester/formatters/StateWithPopover.vue
@@ -36,7 +36,9 @@ export default {
 
         <template #popper>
           <p
-            v-for="(message, index) in warningMessages" :key="index">
+            v-for="(message, index) in warningMessages"
+            :key="index"
+          >
             {{ index + 1 }}.
             {{ message.text }}
           </p>
diff --git a/pkg/harvester/list/devices.harvesterhci.io.pcidevice.vue b/pkg/harvester/list/devices.harvesterhci.io.pcidevice.vue
index e3a1596b..ddb62da8 100644
--- a/pkg/harvester/list/devices.harvesterhci.io.pcidevice.vue
+++ b/pkg/harvester/list/devices.harvesterhci.io.pcidevice.vue
@@ -40,7 +40,7 @@ export default {
           addons:    this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
         });
 
-        this.enabledPCI = hash.addons.find(addon => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
+        this.enabledPCI = hash.addons.find((addon) => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
 
         this.$store.dispatch('type-map/configureType', { match: HCI.PCI_DEVICE, isCreatable: this.enabledPCI });
       } catch (e) {}
@@ -81,7 +81,11 @@ export default {
       {{ t('harvester.pci.noPCIPermission') }}
     </Banner>
   </div>
-  <DeviceList v-else-if="hasSchema && enabledPCI" :devices="rows" :schema="schema" />
+  <DeviceList
+    v-else-if="hasSchema && enabledPCI"
+    :devices="rows"
+    :schema="schema"
+  />
   <div v-else>
     <Banner color="warning">
       <MessageLink
diff --git a/pkg/harvester/list/devices.harvesterhci.io.sriovgpudevice.vue b/pkg/harvester/list/devices.harvesterhci.io.sriovgpudevice.vue
index ef2d4d8c..3529d6f8 100644
--- a/pkg/harvester/list/devices.harvesterhci.io.sriovgpudevice.vue
+++ b/pkg/harvester/list/devices.harvesterhci.io.sriovgpudevice.vue
@@ -33,8 +33,8 @@ export default {
           addons:      this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
         });
 
-        this.hasPCIAddon = hash.addons.find(addon => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
-        this.hasSriovgpuAddon = hash.addons.find(addon => addon.name === ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER)?.spec?.enabled === true;
+        this.hasPCIAddon = hash.addons.find((addon) => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
+        this.hasSriovgpuAddon = hash.addons.find((addon) => addon.name === ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER)?.spec?.enabled === true;
       } catch (e) {}
     }
   },
diff --git a/pkg/harvester/list/devices.harvesterhci.io.usbdevice.vue b/pkg/harvester/list/devices.harvesterhci.io.usbdevice.vue
index d1d61e81..232806df 100644
--- a/pkg/harvester/list/devices.harvesterhci.io.usbdevice.vue
+++ b/pkg/harvester/list/devices.harvesterhci.io.usbdevice.vue
@@ -30,7 +30,7 @@ export default {
           addons:     this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
         });
 
-        this.hasPCIAddon = hash.addons.find(addon => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
+        this.hasPCIAddon = hash.addons.find((addon) => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
       } catch (e) {}
     }
   },
@@ -79,5 +79,9 @@ export default {
       />
     </Banner>
   </div>
-  <DeviceList v-else-if="hasSchema" :devices="devices" :schema="schema" />
+  <DeviceList
+    v-else-if="hasSchema"
+    :devices="devices"
+    :schema="schema"
+  />
 </template>
diff --git a/pkg/harvester/list/devices.harvesterhci.io.vgpudevice.vue b/pkg/harvester/list/devices.harvesterhci.io.vgpudevice.vue
index 6e84c49b..40a7215a 100644
--- a/pkg/harvester/list/devices.harvesterhci.io.vgpudevice.vue
+++ b/pkg/harvester/list/devices.harvesterhci.io.vgpudevice.vue
@@ -30,8 +30,8 @@ export default {
           addons:      this.$store.dispatch(`${ inStore }/findAll`, { type: HCI.ADD_ONS }),
         });
 
-        this.hasPCIAddon = hash.addons.find(addon => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
-        this.hasSriovgpuAddon = hash.addons.find(addon => addon.name === ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER)?.spec?.enabled === true;
+        this.hasPCIAddon = hash.addons.find((addon) => addon.name === ADD_ONS.PCI_DEVICE_CONTROLLER)?.spec?.enabled === true;
+        this.hasSriovgpuAddon = hash.addons.find((addon) => addon.name === ADD_ONS.NVIDIA_DRIVER_TOOLKIT_CONTROLLER)?.spec?.enabled === true;
 
         this.hasSRIOVGPUSchema = !!this.$store.getters[`${ inStore }/schemaFor`](HCI.SR_IOVGPU_DEVICE);
         if (this.hasSRIOVGPUSchema) {
@@ -64,7 +64,7 @@ export default {
       const srioVGpuDevices = this.$store.getters[`${ inStore }/all`](HCI.SR_IOVGPU_DEVICE) || [];
 
       if (this.hasSRIOVGPUSchema) {
-        return vGpuDevices.filter(device => !!srioVGpuDevices.find(s => s.isEnabled && s.spec?.nodeName === device.spec?.nodeName));
+        return vGpuDevices.filter((device) => !!srioVGpuDevices.find((s) => s.isEnabled && s.spec?.nodeName === device.spec?.nodeName));
       }
 
       return vGpuDevices;
@@ -108,5 +108,9 @@ export default {
       />
     </Banner>
   </div>
-  <VGpuDeviceList v-else-if="hasSchema" :devices="rows" :schema="schema" />
+  <VGpuDeviceList
+    v-else-if="hasSchema"
+    :devices="rows"
+    :schema="schema"
+  />
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.addon.vue b/pkg/harvester/list/harvesterhci.io.addon.vue
index 528e6219..09e303aa 100644
--- a/pkg/harvester/list/harvesterhci.io.addon.vue
+++ b/pkg/harvester/list/harvesterhci.io.addon.vue
@@ -66,7 +66,10 @@ export default {
     >
       <template #cell:name="scope">
         <div class="cell-name">
-          <LinkDetail v-model:value="scope.row.displayName" :row="scope.row" />
+          <LinkDetail
+            v-model:value="scope.row.displayName"
+            :row="scope.row"
+          />
 
           <a
             v-if="scope.row.metadata.name === 'rancher-vcluster' && scope.row.spec.enabled"
diff --git a/pkg/harvester/list/harvesterhci.io.cloudtemplate.vue b/pkg/harvester/list/harvesterhci.io.cloudtemplate.vue
index bf567e39..0325a674 100644
--- a/pkg/harvester/list/harvesterhci.io.cloudtemplate.vue
+++ b/pkg/harvester/list/harvesterhci.io.cloudtemplate.vue
@@ -29,7 +29,7 @@ export default {
 
     const configSchema = this.$store.getters[`${ inStore }/schemaFor`](CONFIG_MAP);
 
-    if (!configSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
+    if (!configSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
       this.$store.dispatch('type-map/configureType', { match: HCI.CLOUD_TEMPLATE, isCreatable: false });
     }
   },
@@ -54,7 +54,7 @@ export default {
     },
 
     filteredRows() {
-      return this.rows.filter(r => !!r.metadata?.labels?.[HCI_ANNOTATIONS.CLOUD_INIT]);
+      return this.rows.filter((r) => !!r.metadata?.labels?.[HCI_ANNOTATIONS.CLOUD_INIT]);
     },
 
     schema() {
@@ -78,6 +78,5 @@ export default {
     :schema="schema"
     :rows="filteredRows"
     key-field="_key"
-    
   />
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.dashboard.vue b/pkg/harvester/list/harvesterhci.io.dashboard.vue
index 15d2d377..ebf7ce6f 100644
--- a/pkg/harvester/list/harvesterhci.io.dashboard.vue
+++ b/pkg/harvester/list/harvesterhci.io.dashboard.vue
@@ -181,7 +181,7 @@ export default {
 
     const addons = this.$store.getters[`${ inStore }/all`](HCI.ADD_ONS);
 
-    this.monitoring = addons.find(addon => addon.id === MONITORING_ID);
+    this.monitoring = addons.find((addon) => addon.id === MONITORING_ID);
     this.enabledMonitoringAddon = this.monitoring?.spec?.enabled;
   },
 
@@ -241,7 +241,7 @@ export default {
     accessibleResources() {
       const inStore = this.$store.getters['currentProduct'].inStore;
 
-      return RESOURCES.filter(resource => this.$store.getters[`${ inStore }/schemaFor`](resource.type));
+      return RESOURCES.filter((resource) => this.$store.getters[`${ inStore }/schemaFor`](resource.type));
     },
 
     totalCountGaugeInput() {
@@ -370,7 +370,7 @@ export default {
     },
 
     storageStats() {
-      const storageOverProvisioningPercentageSetting = this.longhornSettings.find(s => s.id === 'longhorn-system/storage-over-provisioning-percentage');
+      const storageOverProvisioningPercentageSetting = this.longhornSettings.find((s) => s.id === 'longhorn-system/storage-over-provisioning-percentage');
       const stats = this.longhornNodes.reduce((total, node) => {
         const disks = node?.spec?.disks || {};
         const diskStatus = node?.status?.diskStatus || {};
@@ -412,19 +412,19 @@ export default {
     },
 
     vmEvents() {
-      return this.events.filter( E => ['VirtualMachineInstance', 'VirtualMachine'].includes(E.involvedObject.kind));
+      return this.events.filter( (E) => ['VirtualMachineInstance', 'VirtualMachine'].includes(E.involvedObject.kind));
     },
 
     volumeEvents() {
-      return this.events.filter( E => ['PersistentVolumeClaim'].includes(E.involvedObject.kind));
+      return this.events.filter( (E) => ['PersistentVolumeClaim'].includes(E.involvedObject.kind));
     },
 
     hostEvents() {
-      return this.events.filter( E => ['Node'].includes(E.involvedObject.kind));
+      return this.events.filter( (E) => ['Node'].includes(E.involvedObject.kind));
     },
 
     imageEvents() {
-      return this.events.filter( E => ['VirtualMachineImage'].includes(E.involvedObject.kind));
+      return this.events.filter( (E) => ['VirtualMachineImage'].includes(E.involvedObject.kind));
     },
 
     hasMetricsTabs() {
@@ -435,7 +435,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const pods = this.$store.getters[`${ inStore }/all`](POD) || [];
 
-      return pods.filter(p => p?.metadata?.name !== 'removing');
+      return pods.filter((p) => p?.metadata?.name !== 'removing');
     },
 
     cpuReserved() {
@@ -458,14 +458,14 @@ export default {
     },
 
     availableNodes() {
-      return (this.metricNodes || []).map(node => node.id);
+      return (this.metricNodes || []).map((node) => node.id);
     },
 
     metricAggregations() {
       const nodes = this.nodes;
-      const someNonWorkerRoles = this.nodes.some(node => node.hasARole && !node.isWorker);
+      const someNonWorkerRoles = this.nodes.some((node) => node.hasARole && !node.isWorker);
       const metrics = this.nodeMetrics.filter((nodeMetrics) => {
-        const node = nodes.find(nd => nd.id === nodeMetrics.id);
+        const node = nodes.find((nd) => nd.id === nodeMetrics.id);
 
         return node && (!someNonWorkerRoles || node.isWorker);
       });
@@ -630,7 +630,9 @@ export default {
 
     <div class="resource-gauges">
       <ResourceSummary
-         v-for="(resource, i) in totalCountGaugeInput" :key="i" :spoofed-counts="resource.isSpoofed ? resource : null"
+        v-for="(resource, i) in totalCountGaugeInput"
+        :key="i"
+        :spoofed-counts="resource.isSpoofed ? resource : null"
         :resource="resource.resource"
       />
     </div>
diff --git a/pkg/harvester/list/harvesterhci.io.host.vue b/pkg/harvester/list/harvesterhci.io.host.vue
index 573ebd53..1ef4e853 100644
--- a/pkg/harvester/list/harvesterhci.io.host.vue
+++ b/pkg/harvester/list/harvesterhci.io.host.vue
@@ -221,14 +221,23 @@ export default {
       :rows="[...rows]"
       :namespaced="false"
       key-field="_key"
-      
     >
       <template #cell:console="{row}">
         <div class="console-button">
-          <button v-clean-tooltip="consoleTooltip(row)" type="button" class="mr-5 btn btn-sm role-primary" :disabled="!row.consoleUrl" @click="goto(row)">
+          <button
+            v-clean-tooltip="consoleTooltip(row)"
+            type="button"
+            class="mr-5 btn btn-sm role-primary"
+            :disabled="!row.consoleUrl"
+            @click="goto(row)"
+          >
             {{ t('harvester.host.console') }}
           </button>
-          <a v-if="!row.consoleUrl" :href="consoleDocLink" target="_blank"><i class="icon icon-info" /></a>
+          <a
+            v-if="!row.consoleUrl"
+            :href="consoleDocLink"
+            target="_blank"
+          ><i class="icon icon-info" /></a>
         </div>
       </template>
     </ResourceTable>
diff --git a/pkg/harvester/list/harvesterhci.io.logging.clusterflow.vue b/pkg/harvester/list/harvesterhci.io.logging.clusterflow.vue
index ae50efc0..24c4a178 100644
--- a/pkg/harvester/list/harvesterhci.io.logging.clusterflow.vue
+++ b/pkg/harvester/list/harvesterhci.io.logging.clusterflow.vue
@@ -45,7 +45,7 @@ export default {
     this.rows = hash.rows;
     this.loggingAddon = hash.loggingAddon;
 
-    this.$store.dispatch('type-map/configureType', { match: HCI.CLUSTER_FLOW, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find(x => x.toLowerCase() === 'post') });
+    this.$store.dispatch('type-map/configureType', { match: HCI.CLUSTER_FLOW, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post') });
   },
 
   data() {
@@ -77,7 +77,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else-if="listSchema">
-    <Banner v-if="loggingEnabled === false" color="info">
+    <Banner
+      v-if="loggingEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.logging.diabledTips.prefix"
@@ -86,9 +89,17 @@ export default {
       />
     </Banner>
 
-    <ResourceTable :schema="schema" :rows="rows" :ignore-filter="true" :groupable="false" />
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :ignore-filter="true"
+      :groupable="false"
+    />
   </div>
-  <Banner v-else color="warning">
+  <Banner
+    v-else
+    color="warning"
+  >
     {{ t('harvester.generic.noSchema', {schema: schema.id}) }}
   </Banner>
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.logging.clusteroutput.vue b/pkg/harvester/list/harvesterhci.io.logging.clusteroutput.vue
index ee06ab00..65a7a636 100644
--- a/pkg/harvester/list/harvesterhci.io.logging.clusteroutput.vue
+++ b/pkg/harvester/list/harvesterhci.io.logging.clusteroutput.vue
@@ -44,7 +44,7 @@ export default {
     this.rows = hash.rows;
     this.loggingAddon = hash.loggingAddon;
 
-    this.$store.dispatch('type-map/configureType', { match: HCI.CLUSTER_OUTPUT, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find(x => x.toLowerCase() === 'post') });
+    this.$store.dispatch('type-map/configureType', { match: HCI.CLUSTER_OUTPUT, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post') });
   },
 
   data() {
@@ -76,7 +76,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else-if="listSchema">
-    <Banner v-if="loggingEnabled === false" color="info">
+    <Banner
+      v-if="loggingEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.logging.diabledTips.prefix"
@@ -85,9 +88,17 @@ export default {
       />
     </Banner>
 
-    <ResourceTable :schema="schema" :rows="rows" :ignore-filter="true" :groupable="false" />
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :ignore-filter="true"
+      :groupable="false"
+    />
   </div>
-  <Banner v-else color="warning">
+  <Banner
+    v-else
+    color="warning"
+  >
     {{ t('harvester.generic.noSchema', {schema: schema.id}) }}
   </Banner>
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.logging.flow.vue b/pkg/harvester/list/harvesterhci.io.logging.flow.vue
index f2730d4e..75a0399d 100644
--- a/pkg/harvester/list/harvesterhci.io.logging.flow.vue
+++ b/pkg/harvester/list/harvesterhci.io.logging.flow.vue
@@ -50,7 +50,7 @@ export default {
     this.rows = hash.rows;
     this.loggingAddon = hash.loggingAddon;
 
-    this.$store.dispatch('type-map/configureType', { match: HCI.FLOW, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find(x => x.toLowerCase() === 'post') });
+    this.$store.dispatch('type-map/configureType', { match: HCI.FLOW, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post') });
   },
 
   data() {
@@ -82,7 +82,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else-if="listSchema">
-    <Banner v-if="loggingEnabled === false" color="info">
+    <Banner
+      v-if="loggingEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.logging.diabledTips.prefix"
@@ -91,9 +94,17 @@ export default {
       />
     </Banner>
 
-    <ResourceTable :schema="schema" :rows="rows" :ignore-filter="true" :groupable="false" />
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :ignore-filter="true"
+      :groupable="false"
+    />
   </div>
-  <Banner v-else color="warning">
+  <Banner
+    v-else
+    color="warning"
+  >
     {{ t('harvester.generic.noSchema', {schema: schema.id}) }}
   </Banner>
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.logging.output.vue b/pkg/harvester/list/harvesterhci.io.logging.output.vue
index f9246ccd..10c22bbe 100644
--- a/pkg/harvester/list/harvesterhci.io.logging.output.vue
+++ b/pkg/harvester/list/harvesterhci.io.logging.output.vue
@@ -44,7 +44,7 @@ export default {
     this.rows = hash.rows;
     this.loggingAddon = hash.loggingAddon;
 
-    this.$store.dispatch('type-map/configureType', { match: HCI.OUTPUT, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find(x => x.toLowerCase() === 'post') });
+    this.$store.dispatch('type-map/configureType', { match: HCI.OUTPUT, isCreatable: this.listSchema && this.listSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post') });
   },
 
   data() {
@@ -76,7 +76,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else-if="listSchema">
-    <Banner v-if="loggingEnabled === false" color="info">
+    <Banner
+      v-if="loggingEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.logging.diabledTips.prefix"
@@ -85,9 +88,17 @@ export default {
       />
     </Banner>
 
-    <ResourceTable :schema="schema" :rows="rows" :ignore-filter="true" :groupable="false" />
+    <ResourceTable
+      :schema="schema"
+      :rows="rows"
+      :ignore-filter="true"
+      :groupable="false"
+    />
   </div>
-  <Banner v-else color="warning">
+  <Banner
+    v-else
+    color="warning"
+  >
     {{ t('harvester.generic.noSchema', {schema: schema.id}) }}
   </Banner>
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.monitoring.alertmanagerconfig.vue b/pkg/harvester/list/harvesterhci.io.monitoring.alertmanagerconfig.vue
index 30c87256..4b44b7c8 100644
--- a/pkg/harvester/list/harvesterhci.io.monitoring.alertmanagerconfig.vue
+++ b/pkg/harvester/list/harvesterhci.io.monitoring.alertmanagerconfig.vue
@@ -42,7 +42,7 @@ export default {
 
     const configSchema = this.$store.getters[`${ inStore }/schemaFor`](MONITORING.ALERTMANAGERCONFIG);
 
-    this.$store.dispatch('type-map/configureType', { match: HCI.ALERTMANAGERCONFIG, isCreatable: configSchema?.collectionMethods.find(x => x.toLowerCase() === 'post') });
+    this.$store.dispatch('type-map/configureType', { match: HCI.ALERTMANAGERCONFIG, isCreatable: configSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post') });
   },
 
   data() {
@@ -78,7 +78,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <Banner v-if="monitoringEnabled === false" color="info">
+    <Banner
+      v-if="monitoringEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.monitoring.alertmanagerConfig.diabledMonitoringTips.prefix"
@@ -86,7 +89,10 @@ export default {
         suffix-label="harvester.monitoring.alertmanagerConfig.diabledMonitoringTips.suffix"
       />
     </Banner>
-    <Banner v-if="alertingEnabled === false" color="info">
+    <Banner
+      v-if="alertingEnabled === false"
+      color="info"
+    >
       <MessageLink
         :to="to"
         prefix-label="harvester.monitoring.alertmanagerConfig.diabledAlertingTips.prefix"
diff --git a/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue b/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
index 5bf658e4..1dc8d429 100644
--- a/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
+++ b/pkg/harvester/list/harvesterhci.io.networkattachmentdefinition.vue
@@ -125,9 +125,9 @@ export default {
     },
 
     abnormalNetwork() {
-      const notReadyCrd = this.hostNetworks.filter( O => !O.isReady);
+      const notReadyCrd = this.hostNetworks.filter( (O) => !O.isReady);
 
-      return notReadyCrd.map( O => O.linkMessage);
+      return notReadyCrd.map( (O) => O.linkMessage);
     },
 
     filterRows() {
@@ -148,7 +148,9 @@ export default {
   <div v-else>
     <template v-if="abnormalNetwork.length">
       <Banner
-         v-for="(item, i) in abnormalNetwork" :key="i" color="error"
+        v-for="(item, i) in abnormalNetwork"
+        :key="i"
+        color="error"
       >
         <router-link :to="item.to">
           {{ item.name }}:
@@ -165,7 +167,6 @@ export default {
       :groupable="true"
       :rows="filterRows"
       key-field="_key"
-      
     >
       <template #cell:state="{row}">
         <div class="state">
diff --git a/pkg/harvester/list/harvesterhci.io.schedulevmbackup.vue b/pkg/harvester/list/harvesterhci.io.schedulevmbackup.vue
index 961a1bdc..1bc14211 100644
--- a/pkg/harvester/list/harvesterhci.io.schedulevmbackup.vue
+++ b/pkg/harvester/list/harvesterhci.io.schedulevmbackup.vue
@@ -68,7 +68,7 @@ export default {
     },
 
     filteredRows() {
-      return this.rows.filter(R => R.spec?.type !== BACKUP_TYPE.SNAPSHOT);
+      return this.rows.filter((R) => R.spec?.type !== BACKUP_TYPE.SNAPSHOT);
     },
 
     typeDisplay() {
@@ -91,7 +91,7 @@ export default {
       :schema="schema"
       :resource="resource"
       :type-display="typeDisplay"
-      :parentNameOverride="'Virtual Machine schedule'"
+      :parent-name-override="'Virtual Machine schedule'"
       :create-button-label="t('harvester.schedule.createButtonText')"
     />
     <ResourceTable
diff --git a/pkg/harvester/list/harvesterhci.io.secret.vue b/pkg/harvester/list/harvesterhci.io.secret.vue
index f2801813..fd63a6fd 100644
--- a/pkg/harvester/list/harvesterhci.io.secret.vue
+++ b/pkg/harvester/list/harvesterhci.io.secret.vue
@@ -15,8 +15,8 @@ const schema = {
 };
 
 export default {
-  name:       'HarvesterSecret',
-  components: { ResourceTable, Loading },
+  name:         'HarvesterSecret',
+  components:   { ResourceTable, Loading },
   inheritAttrs: false,
 
   async fetch() {
@@ -26,7 +26,7 @@ export default {
 
     const configSchema = this.$store.getters[`${ inStore }/schemaFor`](SECRET);
 
-    if (!configSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
+    if (!configSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
       this.$store.dispatch('type-map/configureType', { match: HCI.SECRET, isCreatable: false });
     }
   },
@@ -56,6 +56,5 @@ export default {
     :schema="schema"
     :rows="rows"
     key-field="_key"
-    
   />
 </template>
diff --git a/pkg/harvester/list/harvesterhci.io.setting.vue b/pkg/harvester/list/harvesterhci.io.setting.vue
index 0022c0c5..4567d10d 100644
--- a/pkg/harvester/list/harvesterhci.io.setting.vue
+++ b/pkg/harvester/list/harvesterhci.io.setting.vue
@@ -136,7 +136,10 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <div v-else>
-    <Banner color="warning" class="settings-banner">
+    <Banner
+      color="warning"
+      class="settings-banner"
+    >
       <div>
         {{ t('harvester.setting.modifiedMessage') }}
       </div>
diff --git a/pkg/harvester/list/harvesterhci.io.storage.vue b/pkg/harvester/list/harvesterhci.io.storage.vue
index 37106ee7..a05c5899 100644
--- a/pkg/harvester/list/harvesterhci.io.storage.vue
+++ b/pkg/harvester/list/harvesterhci.io.storage.vue
@@ -34,7 +34,7 @@ export default {
 
     const storageSchema = this.$store.getters[`${ inStore }/schemaFor`](STORAGE_CLASS);
 
-    if ( storageSchema && !storageSchema?.collectionMethods.find(x => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
+    if ( storageSchema && !storageSchema?.collectionMethods.find((x) => ['blocked-post', 'post'].includes(x.toLowerCase())) ) {
       this.$store.dispatch('type-map/configureType', { match: HCI.STORAGE, isCreatable: false });
     }
   },
@@ -49,7 +49,7 @@ export default {
 
       const storages = this.$store.getters[`${ inStore }/all`](STORAGE_CLASS);
 
-      return storages.filter(s => !s.parameters?.backingImage);
+      return storages.filter((s) => !s.parameters?.backingImage);
     },
 
     headers() {
diff --git a/pkg/harvester/list/harvesterhci.io.virtualmachinebackup.vue b/pkg/harvester/list/harvesterhci.io.virtualmachinebackup.vue
index 004c45e9..2bc53b1c 100644
--- a/pkg/harvester/list/harvesterhci.io.virtualmachinebackup.vue
+++ b/pkg/harvester/list/harvesterhci.io.virtualmachinebackup.vue
@@ -38,7 +38,7 @@ export default {
     this.rows = hash.backups;
     this.settings = hash.settings;
     if (this.$store.getters[`${ inStore }/schemaFor`](HCI.SETTING)) {
-      const backupTargetResource = hash.settings.find( O => O.id === 'backup-target');
+      const backupTargetResource = hash.settings.find( (O) => O.id === 'backup-target');
       const isEmpty = this.getBackupTargetValueIsEmpty(backupTargetResource);
 
       if (backupTargetResource && !isEmpty) {
@@ -161,16 +161,16 @@ export default {
     },
 
     hasBackupProgresses() {
-      return !!this.backups.find(r => r.status?.progress !== undefined);
+      return !!this.backups.find((r) => r.status?.progress !== undefined);
     },
     filteredRows() {
-      return this.backups.filter(r => r.spec?.type !== BACKUP_TYPE.SNAPSHOT);
+      return this.backups.filter((r) => r.spec?.type !== BACKUP_TYPE.SNAPSHOT);
     },
     getRawRows() {
-      return this.rows.filter(r => r.spec?.type === BACKUP_TYPE.BACKUP);
+      return this.rows.filter((r) => r.spec?.type === BACKUP_TYPE.BACKUP);
     },
     backupTargetResource() {
-      return this.settings.find(O => O.id === 'backup-target');
+      return this.settings.find((O) => O.id === 'backup-target');
     },
 
     isEmptyValue() {
diff --git a/pkg/harvester/list/harvesterhci.io.virtualmachineimage.vue b/pkg/harvester/list/harvesterhci.io.virtualmachineimage.vue
index bab99ea2..7f973e61 100644
--- a/pkg/harvester/list/harvesterhci.io.virtualmachineimage.vue
+++ b/pkg/harvester/list/harvesterhci.io.virtualmachineimage.vue
@@ -70,10 +70,13 @@ export default {
       :schema="schema"
       :sort-generation-fn="sortGenerationFn"
       key-field="_key"
-      
     >
       <template #more-header-middle>
-        <FilterLabel ref="filterLabel" :rows="rows" @changeRows="changeRows" />
+        <FilterLabel
+          ref="filterLabel"
+          :rows="rows"
+          @changeRows="changeRows"
+        />
       </template>
       <template #col:name="{row}">
         <td>
@@ -83,7 +86,10 @@ export default {
               :to="row.detailLocation"
             >
               {{ row.nameDisplay }}
-              <i v-if="row.isEncrypted" class="icon icon-lock" />
+              <i
+                v-if="row.isEncrypted"
+                class="icon icon-lock"
+              />
             </router-link>
             <span v-else>
               {{ row.nameDisplay }}
diff --git a/pkg/harvester/list/harvesterhci.io.virtualmachinetemplateversion.vue b/pkg/harvester/list/harvesterhci.io.virtualmachinetemplateversion.vue
index a7474e35..debdbd2e 100644
--- a/pkg/harvester/list/harvesterhci.io.virtualmachinetemplateversion.vue
+++ b/pkg/harvester/list/harvesterhci.io.virtualmachinetemplateversion.vue
@@ -108,12 +108,14 @@ export default {
     :schema="schema"
     :group-can-action="true"
     key-field="_key"
-    
   >
     <template #group-by="group">
       <div class="group-bar">
         <div class="group-tab">
-          <div v-clean-html="templateLabel(group.group)" class="project-name" />
+          <div
+            v-clean-html="templateLabel(group.group)"
+            class="project-name"
+          />
         </div>
 
         <div class="right">
@@ -124,7 +126,11 @@ export default {
             />
           </div>
 
-          <button type="button" class="btn btn-sm actions mr-10 role-multi-action" @click="showActions($event, group.group)">
+          <button
+            type="button"
+            class="btn btn-sm actions mr-10 role-multi-action"
+            @click="showActions($event, group.group)"
+          >
             <i class="icon icon-actions" />
           </button>
         </div>
diff --git a/pkg/harvester/list/harvesterhci.io.vmsnapshot.vue b/pkg/harvester/list/harvesterhci.io.vmsnapshot.vue
index c857202e..1a00e562 100644
--- a/pkg/harvester/list/harvesterhci.io.vmsnapshot.vue
+++ b/pkg/harvester/list/harvesterhci.io.vmsnapshot.vue
@@ -35,7 +35,7 @@ export default {
 
     const schema = this.$store.getters[`${ inStore }/schemaFor`](HCI.BACKUP);
 
-    if (!schema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
+    if (!schema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
       this.$store.dispatch('type-map/configureType', { match: HCI.VM_SNAPSHOT, isCreatable: false });
     }
 
@@ -90,7 +90,7 @@ export default {
     },
 
     getRawRows() {
-      return this.rows.filter(r => r.spec?.type === BACKUP_TYPE.SNAPSHOT);
+      return this.rows.filter((r) => r.spec?.type === BACKUP_TYPE.SNAPSHOT);
     },
 
     schema() {
@@ -102,7 +102,7 @@ export default {
     },
 
     filteredRows() {
-      return this.snapshots.filter(r => r.spec?.type !== BACKUP_TYPE.BACKUP);
+      return this.snapshots.filter((r) => r.spec?.type !== BACKUP_TYPE.BACKUP);
     },
   },
 
@@ -141,7 +141,6 @@ export default {
       :sort-generation-fn="sortGenerationFn"
       key-field="_key"
       default-sort-by="age"
-      
     >
       <template #more-header-middle>
         <FilterVMSchedule
diff --git a/pkg/harvester/list/harvesterhci.io.volume.vue b/pkg/harvester/list/harvesterhci.io.volume.vue
index b7c43921..6a0fb0f4 100644
--- a/pkg/harvester/list/harvesterhci.io.volume.vue
+++ b/pkg/harvester/list/harvesterhci.io.volume.vue
@@ -55,7 +55,7 @@ export default {
 
     const pvcSchema = this.$store.getters[`${ inStore }/schemaFor`](PVC);
 
-    if (!pvcSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
+    if (!pvcSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
       this.$store.dispatch('type-map/configureType', { match: HCI.VOLUME, isCreatable: false });
     }
 
@@ -152,12 +152,18 @@ export default {
   >
     <template #cell:state="{row}">
       <div class="state">
-        <HarvesterVolumeState class="vmstate" :row="row" />
+        <HarvesterVolumeState
+          class="vmstate"
+          :row="row"
+        />
       </div>
     </template>
     <template #cell:AttachedVM="{row}">
       <div>
-        <router-link v-if="getVMName(row)" :to="goTo(row)">
+        <router-link
+          v-if="getVMName(row)"
+          :to="goTo(row)"
+        >
           {{ getVMName(row) }}
         </router-link>
       </div>
@@ -170,7 +176,10 @@ export default {
             :to="row.detailLocation"
           >
             {{ row.nameDisplay }}
-            <i v-if="row.isEncrypted" class="icon icon-lock" />
+            <i
+              v-if="row.isEncrypted"
+              class="icon icon-lock"
+            />
           </router-link>
           <span v-else>
             {{ row.nameDisplay }}
diff --git a/pkg/harvester/list/harvesterhci.io.volumesnapshot.vue b/pkg/harvester/list/harvesterhci.io.volumesnapshot.vue
index db9aefa0..2bbb3b9b 100644
--- a/pkg/harvester/list/harvesterhci.io.volumesnapshot.vue
+++ b/pkg/harvester/list/harvesterhci.io.volumesnapshot.vue
@@ -35,7 +35,7 @@ export default {
 
     const snapShotSchema = this.$store.getters[`${ inStore }/schemaFor`](VOLUME_SNAPSHOT);
 
-    if (!snapShotSchema?.collectionMethods.find(x => x.toLowerCase() === 'post')) {
+    if (!snapShotSchema?.collectionMethods.find((x) => x.toLowerCase() === 'post')) {
       this.$store.dispatch('type-map/configureType', { match: HCI.SNAPSHOT, isCreatable: false });
     }
   },
@@ -73,6 +73,5 @@ export default {
     :schema="schema"
     :rows="filteredRows"
     key-field="_key"
-    
   />
 </template>
diff --git a/pkg/harvester/list/kubevirt.io.virtualmachine.vue b/pkg/harvester/list/kubevirt.io.virtualmachine.vue
index 889ba198..c0ab97c5 100644
--- a/pkg/harvester/list/kubevirt.io.virtualmachine.vue
+++ b/pkg/harvester/list/kubevirt.io.virtualmachine.vue
@@ -152,7 +152,7 @@ export default {
     },
 
     rows() {
-      const matchVMIs = this.allVMIs.filter(VMI => !this.allVMs.find(VM => VM.id === VMI.id));
+      const matchVMIs = this.allVMIs.filter((VMI) => !this.allVMs.find((VM) => VM.id === VMI.id));
 
       return [...this.allVMs, ...matchVMIs];
     },
@@ -161,7 +161,7 @@ export default {
      * We want to show the progress bar only for Backup's restore; snapshot's restore is immediate.
      */
     hasBackUpRestoreInProgress() {
-      return !!this.rows.find(r => r.restoreResource && !r.restoreResource.fromSnapshot && !r.restoreResource.isComplete);
+      return !!this.rows.find((r) => r.restoreResource && !r.restoreResource.fromSnapshot && !r.restoreResource.isComplete);
     }
   },
 
@@ -201,11 +201,18 @@ export default {
       :schema="schema"
       :groupable="true"
       key-field="_key"
-      
     >
-      <template #cell:state="scope" class="state-col">
+      <template
+        #cell:state="scope"
+        class="state-col"
+      >
         <div class="state">
-          <HarvesterVmState class="vmstate" :row="scope.row" :all-node-network="allNodeNetworks" :all-cluster-network="allClusterNetworks" />
+          <HarvesterVmState
+            class="vmstate"
+            :row="scope.row"
+            :all-node-network="allNodeNetworks"
+            :all-cluster-network="allClusterNetworks"
+          />
         </div>
       </template>
 
@@ -226,7 +233,10 @@ export default {
           <span v-else>
             {{ scope.row.metadata.name }}
           </span>
-          <ConsoleBar :resourceType="scope.row" class="console mr-10 ml-10" />
+          <ConsoleBar
+            :resource-type="scope.row"
+            class="console mr-10 ml-10"
+          />
         </div>
       </template>
     </ResourceTable>
diff --git a/pkg/harvester/list/network.harvesterhci.io.clusternetwork.vue b/pkg/harvester/list/network.harvesterhci.io.clusternetwork.vue
index db08aa89..dd163e43 100644
--- a/pkg/harvester/list/network.harvesterhci.io.clusternetwork.vue
+++ b/pkg/harvester/list/network.harvesterhci.io.clusternetwork.vue
@@ -50,7 +50,7 @@ export default {
           name:     'type',
           labelKey: 'tableHeaders.type',
           value:    'typeDisplay',
-          getValue: row => row.typeDisplay,
+          getValue: (row) => row.typeDisplay,
           sort:     ['typeDisplay'],
         },
         AGE,
@@ -99,7 +99,7 @@ export default {
       const clusterNetworks = this.$store.getters[`${ inStore }/all`](HCI.CLUSTER_NETWORK);
 
       const out = clusterNetworks.map((network) => {
-        const hasChild = !!this.rows.find(config => config?.spec?.clusterNetwork === network.id);
+        const hasChild = !!this.rows.find((config) => config?.spec?.clusterNetwork === network.id);
 
         return {
           ...network,
@@ -230,7 +230,8 @@ export default {
           </div>
         </template>
         <template
-           v-for="(clusterNetwork, i) in clusterNetworkWithoutConfigs" :key="i" 
+          v-for="(clusterNetwork, i) in clusterNetworkWithoutConfigs"
+          :key="i"
           v-slot:[slotName(clusterNetwork.id)]
         >
           <tr
diff --git a/pkg/harvester/mixins/harvester-vm/impl.js b/pkg/harvester/mixins/harvester-vm/impl.js
index ed6ae1d2..dbf61067 100644
--- a/pkg/harvester/mixins/harvester-vm/impl.js
+++ b/pkg/harvester/mixins/harvester-vm/impl.js
@@ -67,7 +67,7 @@ export default {
       const inStore = this.$store.getters['currentProduct'].inStore;
       const sshs = this.$store.getters[`${ inStore }/all`](HCI.SSH) || [];
 
-      return sshs.find( O => O.id === id)?.spec?.publicKey || undefined;
+      return sshs.find( (O) => O.id === id)?.spec?.publicKey || undefined;
     },
 
     getOsType(vm) {
@@ -80,7 +80,7 @@ export default {
 
       OS.forEach((O) => {
         if (O.match) {
-          hasCustomQGA = O.match.find(type => type === osType);
+          hasCustomQGA = O.match.find((type) => type === osType);
         }
       });
 
@@ -117,7 +117,7 @@ export default {
         return oldValue;
       }
 
-      return dataFormat?.packages?.includes('qemu-guest-agent') && !!dataFormat?.runcmd?.find( S => Array.isArray(S) && S.join('-') === _QGA_JSON.runcmd[0].join('-'));
+      return dataFormat?.packages?.includes('qemu-guest-agent') && !!dataFormat?.runcmd?.find( (S) => Array.isArray(S) && S.join('-') === _QGA_JSON.runcmd[0].join('-'));
     },
 
     isInstallUSBTablet(spec) {
@@ -180,7 +180,7 @@ export default {
 
       const secretName = cloudInitNoCloud?.secretRef?.name || cloudInitNoCloud?.networkDataSecretRef?.name;
 
-      const secret = secrets.find(s => s.metadata.name === secretName);
+      const secret = secrets.find((s) => s.metadata.name === secretName);
 
       return secret;
     },
@@ -194,7 +194,7 @@ export default {
       return credentials.map((c) => {
         const source = !!c.userPassword ? 'userPassword' : 'sshPublicKey';
         const secretName = c[source]?.source?.secret?.secretName;
-        const secretRef = secrets.find(s => s.metadata.name === secretName);
+        const secretRef = secrets.find((s) => s.metadata.name === secretName);
         const out = {
           source, username: '', newPassword: '', users: [], sshkeys: [], secretName, secretRef
         };
@@ -267,7 +267,7 @@ export default {
       const allSSHs = this.$store.getters[`${ inStore }/all`](HCI.SSH) || [];
 
       out = (keys || []).map((id) => {
-        const hasSSHResource = allSSHs.find(ssh => ssh.id === id);
+        const hasSSHResource = allSSHs.find((ssh) => ssh.id === id);
 
         if (hasSSHResource) {
           return {
@@ -287,9 +287,9 @@ export default {
       const _userDataSSH = this.getSSHFromUserData(userData);
 
       _userDataSSH.map( (sshValue) => {
-        const hasSSHResource = allSSHs.find(ssh => this.compareSSHValue(sshValue, ssh.spec?.publicKey));
+        const hasSSHResource = allSSHs.find((ssh) => this.compareSSHValue(sshValue, ssh.spec?.publicKey));
 
-        if (hasSSHResource && !out.find(O => O.id === hasSSHResource.id)) {
+        if (hasSSHResource && !out.find((O) => O.id === hasSSHResource.id)) {
           out.push({
             id:   hasSSHResource.id,
             data: hasSSHResource,
diff --git a/pkg/harvester/mixins/harvester-vm/index.js b/pkg/harvester/mixins/harvester-vm/index.js
index 70c39160..eae47688 100644
--- a/pkg/harvester/mixins/harvester-vm/index.js
+++ b/pkg/harvester/mixins/harvester-vm/index.js
@@ -18,7 +18,9 @@ import {
 import { HOSTNAME } from '@shell/config/labels-annotations';
 import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
 import { uniq } from '@shell/utils/array';
-import { ADD_ONS, SOURCE_TYPE, ACCESS_CREDENTIALS, maintenanceStrategies, runStrategies } from '../../config/harvester-map';
+import {
+  ADD_ONS, SOURCE_TYPE, ACCESS_CREDENTIALS, maintenanceStrategies, runStrategies
+} from '../../config/harvester-map';
 import { HCI_SETTING } from '../../config/settings';
 import { HCI } from '../../types';
 import { parseVolumeClaimTemplates } from '../../utils/vm';
@@ -200,7 +202,7 @@ export default {
     },
 
     filteredNamespaces() {
-      return this.$store.getters['harvester/all'](NAMESPACE).filter(namespace => !namespace.isSystem);
+      return this.$store.getters['harvester/all'](NAMESPACE).filter((namespace) => !namespace.isSystem);
     },
 
     nodes() {
@@ -210,12 +212,12 @@ export default {
     nodesIdOptions() {
       const nodes = this.$store.getters[`${ this.inStore }/all`](NODE);
 
-      const networkNames = this.networkRows.map(n => n.networkName);
+      const networkNames = this.networkRows.map((n) => n.networkName);
       const vmNetworks = this.$store.getters[`${ this.inStore }/all`](NETWORK_ATTACHMENT);
-      const selectedVMNetworks = networkNames.map(name => vmNetworks.find(n => n.id === name)).filter(n => n?.id);
-      const clusterNetworks = uniq(selectedVMNetworks.map(n => n.clusterNetworkResource?.id));
+      const selectedVMNetworks = networkNames.map((name) => vmNetworks.find((n) => n.id === name)).filter((n) => n?.id);
+      const clusterNetworks = uniq(selectedVMNetworks.map((n) => n.clusterNetworkResource?.id));
 
-      return nodes.filter(N => !N.isUnSchedulable).map((node) => {
+      return nodes.filter((N) => !N.isUnSchedulable).map((node) => {
         const requireLabelKeys = [];
         let isNetworkSchedule = true;
 
@@ -240,14 +242,14 @@ export default {
     },
 
     defaultStorageClass() {
-      const defaultStorage = this.$store.getters[`${ this.inStore }/all`](STORAGE_CLASS).find( O => O.isDefault);
+      const defaultStorage = this.$store.getters[`${ this.inStore }/all`](STORAGE_CLASS).find( (O) => O.isDefault);
 
       return defaultStorage;
     },
 
     storageClassSetting() {
       try {
-        const storageClassValue = this.$store.getters[`${ this.inStore }/all`](HCI.SETTING).find( O => O.id === HCI_SETTING.DEFAULT_STORAGE_CLASS)?.value;
+        const storageClassValue = this.$store.getters[`${ this.inStore }/all`](HCI.SETTING).find( (O) => O.id === HCI_SETTING.DEFAULT_STORAGE_CLASS)?.value;
 
         return JSON.parse(storageClassValue);
       } catch (e) {
@@ -273,7 +275,7 @@ export default {
     },
 
     defaultTerminationSetting() {
-      const setting = this.$store.getters[`${ this.inStore }/all`](HCI.SETTING).find( O => O.id === HCI_SETTING.VM_TERMINATION_PERIOD) || {};
+      const setting = this.$store.getters[`${ this.inStore }/all`](HCI.SETTING).find( (O) => O.id === HCI_SETTING.VM_TERMINATION_PERIOD) || {};
 
       return Number(setting?.value || setting?.default);
     },
@@ -422,12 +424,12 @@ export default {
         let type = HARD_DISK;
         let size = '10Gi';
 
-        const imageResource = this.images.find( I => this.imageId === I.id);
+        const imageResource = this.images.find( (I) => this.imageId === I.id);
 
         const isIsoImage = /iso$/i.test(imageResource?.imageSuffix);
         const imageSize = Math.max(imageResource?.status?.size, imageResource?.status?.virtualSize);
         const isEncrypted = imageResource?.isEncrypted || false;
-        const volumeBackups = volBackups?.find(vBackup => vBackup.volumeName === 'disk-0') || null ;
+        const volumeBackups = volBackups?.find((vBackup) => vBackup.volumeName === 'disk-0') || null ;
 
         if (isIsoImage) {
           bus = 'sata';
@@ -460,7 +462,7 @@ export default {
         });
       } else {
         out = _disks.map( (DISK, index) => {
-          const volume = _volumes.find( V => V.name === DISK.name );
+          const volume = _volumes.find( (V) => V.name === DISK.name );
 
           let size = '';
           let image = '';
@@ -483,7 +485,7 @@ export default {
 
           if (volume.persistentVolumeClaim && volume.persistentVolumeClaim?.claimName) {
             volumeName = volume.persistentVolumeClaim.claimName;
-            const DVT = _volumeClaimTemplates.find( T => T.metadata.name === volumeName);
+            const DVT = _volumeClaimTemplates.find( (T) => T.metadata.name === volumeName);
 
             realName = volumeName;
             // If the DVT can be found, it cannot be an existing volume
@@ -507,7 +509,7 @@ export default {
               // SOURCE_TYPE.ATTACH_VOLUME
               // Compatible with VMS that have been created before, Because they're not saved in the annotation
               const allPVCs = this.$store.getters['harvester/all'](PVC);
-              const pvcResource = allPVCs.find( O => O.id === `${ namespace }/${ volume?.persistentVolumeClaim?.claimName }`);
+              const pvcResource = allPVCs.find( (O) => O.id === `${ namespace }/${ volume?.persistentVolumeClaim?.claimName }`);
 
               source = SOURCE_TYPE.ATTACH_VOLUME;
               accessMode = pvcResource?.spec?.accessModes?.[0] || 'ReadWriteMany';
@@ -533,12 +535,12 @@ export default {
             minExponent: 3,
           });
 
-          const pvc = this.pvcs.find(P => P.id === `${ this.value.metadata.namespace }/${ volumeName }`);
+          const pvc = this.pvcs.find((P) => P.id === `${ this.value.metadata.namespace }/${ volumeName }`);
 
           const volumeStatus = pvc?.relatedPV?.metadata?.annotations?.[HCI_ANNOTATIONS.VOLUME_ERROR];
 
           const isEncrypted = pvc?.isEncrypted || false;
-          const volumeBackups = volBackups?.find(vBackup => vBackup.volumeName === DISK.name) || null;
+          const volumeBackups = volBackups?.find((vBackup) => vBackup.volumeName === DISK.name) || null;
 
           return {
             id:         randomStr(5),
@@ -567,7 +569,7 @@ export default {
 
       out = sortBy(out, 'bootOrder');
 
-      return out.filter( O => O.name !== 'cloudinitdisk');
+      return out.filter( (O) => O.name !== 'cloudinitdisk');
     },
 
     getNetworkRows(vm, config) {
@@ -577,7 +579,7 @@ export default {
       const interfaces = vm.spec.template.spec.domain.devices.interfaces || [];
 
       const out = interfaces.map( (I, index) => {
-        const network = networks.find( N => I.name === N.name);
+        const network = networks.find( (N) => I.name === N.name);
 
         const type = I.sriov ? 'sriov' : I.bridge ? 'bridge' : 'masquerade';
 
@@ -669,7 +671,7 @@ export default {
         this.secretName = this.generateSecretName(this.secretNamePrefix);
       }
 
-      if (!disks.find( D => D.name === 'cloudinitdisk') && (this.userData || this.networkData)) {
+      if (!disks.find( (D) => D.name === 'cloudinitdisk') && (this.userData || this.networkData)) {
         if (!this.isWindows) {
           disks.push({
             name: 'cloudinitdisk',
@@ -738,13 +740,17 @@ export default {
           spec = this.multiVMScheduler(spec);
         }
 
-        this.value.metadata['annotations'] = {...this.value.metadata.annotations,
+        this.value.metadata['annotations'] = {
+          ...this.value.metadata.annotations,
           [HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE]: JSON.stringify(volumeClaimTemplates),
-          [HCI_ANNOTATIONS.NETWORK_IPS]:           JSON.stringify(this.value.networkIps)};
+          [HCI_ANNOTATIONS.NETWORK_IPS]:           JSON.stringify(this.value.networkIps)
+        };
 
-        this.value.metadata['labels'] = {...this.value.metadata.labels,
+        this.value.metadata['labels'] = {
+          ...this.value.metadata.labels,
           [HCI_ANNOTATIONS.CREATOR]: 'harvester',
-          [HCI_ANNOTATIONS.OS]:      this.osType};
+          [HCI_ANNOTATIONS.OS]:      this.osType
+        };
 
         this.value['spec'] = spec;
         this['spec'] = spec;
@@ -754,8 +760,10 @@ export default {
           ...this.value.spec.vm.metadata.annotations,
           [HCI_ANNOTATIONS.VOLUME_CLAIM_TEMPLATE]: JSON.stringify(volumeClaimTemplates),
         };
-        this.value.spec.vm.metadata['labels'] = {...this.value.spec.vm.metadata.labels,
-          [HCI_ANNOTATIONS.OS]: this.osType,};
+        this.value.spec.vm.metadata['labels'] = {
+          ...this.value.spec.vm.metadata.labels,
+          [HCI_ANNOTATIONS.OS]: this.osType
+        };
         this['spec'] = spec;
       }
     },
@@ -983,7 +991,7 @@ export default {
         out.spec.storageClassName = R.storageClassName;
         break;
       case SOURCE_TYPE.IMAGE: {
-        const image = this.images.find( I => R.image === I.id);
+        const image = this.images.find( (I) => R.image === I.id);
 
         if (image) {
           out.spec.storageClassName = image.storageClassName;
@@ -1000,7 +1008,7 @@ export default {
     },
 
     getSSHListValue(arr) {
-      return arr.map( id => this.getSSHValue(id)).filter( O => O !== undefined);
+      return arr.map( (id) => this.getSSHValue(id)).filter( (O) => O !== undefined);
     },
 
     parseInterface(R) {
@@ -1092,7 +1100,7 @@ export default {
 
       if (Array.isArray(runcmd)) {
         let findIndex = -1;
-        const hasSameRuncmd = runcmd.find( S => Array.isArray(S) && S.join('-') === _QGA_JSON.runcmd[0].join('-'));
+        const hasSameRuncmd = runcmd.find( (S) => Array.isArray(S) && S.join('-') === _QGA_JSON.runcmd[0].join('-'));
 
         const hasSimilarRuncmd = runcmd.find( (S, index) => {
           if (Array.isArray(S) && S.join('-') === this.getSimilarRuncmd(osType).join('-')) {
@@ -1265,7 +1273,7 @@ export default {
 
         if (row.source === ACCESS_CREDENTIALS.INJECT_SSH) {
           for (const secretId of row.sshkeys) {
-            const keypair = (this.$store.getters['harvester/all'](HCI.SSH) || []).find(s => s.id === secretId);
+            const keypair = (this.$store.getters['harvester/all'](HCI.SSH) || []).find((s) => s.id === secretId);
 
             secretRef.setData(`${ keypair.metadata.namespace }-${ keypair.metadata.name }`, keypair.spec.publicKey);
           }
@@ -1364,7 +1372,7 @@ export default {
           });
         }
       } else if (!val) {
-        const index = inputs.findIndex(O => isEqual(O, USB_TABLET[0]));
+        const index = inputs.findIndex((O) => isEqual(O, USB_TABLET[0]));
 
         if (hasExist && inputs.length === 1) {
           delete this.spec.template.spec.domain.devices['inputs'];
@@ -1417,7 +1425,7 @@ export default {
       const sshAuthorizedKeys = this.getSSHFromUserData(this.userScript);
 
       ssh.map((id) => {
-        const index = sshAuthorizedKeys.findIndex(value => value === this.getSSHValue(id));
+        const index = sshAuthorizedKeys.findIndex((value) => value === this.getSSHValue(id));
 
         if (index >= 0) {
           sshAuthorizedKeys.splice(index, 1);
@@ -1486,7 +1494,7 @@ export default {
       handler(neu, old) {
         if (Array.isArray(neu)) {
           const imageId = neu[0]?.image;
-          const image = this.images.find( I => imageId === I.id);
+          const image = this.images.find( (I) => imageId === I.id);
           const osType = image?.imageOSType;
 
           const oldImageId = old[0]?.image;
diff --git a/pkg/harvester/models/devices.harvesterhci.io.pcidevice.js b/pkg/harvester/models/devices.harvesterhci.io.pcidevice.js
index 99d5e69a..26104a7e 100644
--- a/pkg/harvester/models/devices.harvesterhci.io.pcidevice.js
+++ b/pkg/harvester/models/devices.harvesterhci.io.pcidevice.js
@@ -71,7 +71,7 @@ export default class PCIDevice extends SteveModel {
   get passthroughClaim() {
     const passthroughClaims = this.$getters['all'](HCI.PCI_CLAIM) || [];
 
-    return !!this.status && passthroughClaims.find(req => req?.spec?.nodeName === this.status?.nodeName && req?.spec?.address === this.status?.address);
+    return !!this.status && passthroughClaims.find((req) => req?.spec?.nodeName === this.status?.nodeName && req?.spec?.address === this.status?.address);
   }
 
   // this is an id for each 'type' of device - there may be multiple instances of device CRs
diff --git a/pkg/harvester/models/devices.harvesterhci.io.sriovgpudevice.js b/pkg/harvester/models/devices.harvesterhci.io.sriovgpudevice.js
index 6036b80a..796a10b5 100644
--- a/pkg/harvester/models/devices.harvesterhci.io.sriovgpudevice.js
+++ b/pkg/harvester/models/devices.harvesterhci.io.sriovgpudevice.js
@@ -84,8 +84,8 @@ export default class SRIOVDevice extends SteveModel {
     if (!!schema) {
       const vGpuDevices = this.$rootGetters[`${ inStore }/all`](HCI.VGPU_DEVICE) || [];
       const vGpuDevicesEnabled = vGpuDevices
-        .filter(f => f.labels[HCI_ANNOTATIONS.PARENT_SRIOV_GPU] === this.id && f.spec?.enabled)
-        .map(m => m.id);
+        .filter((f) => f.labels[HCI_ANNOTATIONS.PARENT_SRIOV_GPU] === this.id && f.spec?.enabled)
+        .map((m) => m.id);
 
       if (vGpuDevicesEnabled.length > 0) {
         this.$dispatch('growl/error', {
@@ -115,7 +115,7 @@ export default class SRIOVDevice extends SteveModel {
     const inStore = this.$rootGetters['currentProduct'].inStore;
     const nodeName = this.spec?.nodeName;
     const nodes = this.$rootGetters[`${ inStore }/all`](NODE);
-    const node = nodes.find(N => N.id === nodeName);
+    const node = nodes.find((N) => N.id === nodeName);
 
     return node?.nameDisplay || '';
   }
diff --git a/pkg/harvester/models/devices.harvesterhci.io.sriovnetworkdevice.js b/pkg/harvester/models/devices.harvesterhci.io.sriovnetworkdevice.js
index b21fa3a4..0c3b4991 100644
--- a/pkg/harvester/models/devices.harvesterhci.io.sriovnetworkdevice.js
+++ b/pkg/harvester/models/devices.harvesterhci.io.sriovnetworkdevice.js
@@ -90,7 +90,7 @@ export default class SRIOVGpuDevice extends SteveModel {
     const inStore = this.$rootGetters['currentProduct'].inStore;
     const nodeName = this.spec?.nodeName;
     const nodes = this.$rootGetters[`${ inStore }/all`](NODE);
-    const node = nodes.find(N => N.id === nodeName);
+    const node = nodes.find((N) => N.id === nodeName);
 
     return node?.nameDisplay || '';
   }
diff --git a/pkg/harvester/models/devices.harvesterhci.io.usbdevice.js b/pkg/harvester/models/devices.harvesterhci.io.usbdevice.js
index ad93395e..c6a995c1 100644
--- a/pkg/harvester/models/devices.harvesterhci.io.usbdevice.js
+++ b/pkg/harvester/models/devices.harvesterhci.io.usbdevice.js
@@ -71,7 +71,7 @@ export default class USBDevice extends SteveModel {
   get passthroughClaim() {
     const passthroughClaims = this.$getters['all'](HCI.USB_CLAIM) || [];
 
-    return !!this.status && passthroughClaims.find(req => req?.status?.nodeName === this.status?.nodeName && req?.metadata?.name === this.metadata?.name);
+    return !!this.status && passthroughClaims.find((req) => req?.status?.nodeName === this.status?.nodeName && req?.metadata?.name === this.metadata?.name);
   }
 
   // this is an id for each 'type' of device - there may be multiple instances of device CRs
diff --git a/pkg/harvester/models/harvester/k8s.cni.cncf.io.networkattachmentdefinition.js b/pkg/harvester/models/harvester/k8s.cni.cncf.io.networkattachmentdefinition.js
index fbbc56e9..e09b6e94 100644
--- a/pkg/harvester/models/harvester/k8s.cni.cncf.io.networkattachmentdefinition.js
+++ b/pkg/harvester/models/harvester/k8s.cni.cncf.io.networkattachmentdefinition.js
@@ -56,7 +56,7 @@ export default class HarvesterNetworkAttachmentDef extends NetworkAttachmentDef
   get clusterNetworkResource() {
     const clusterNetworks = this.$rootGetters[`${ this.inStore }/all`](HCI.CLUSTER_NETWORK);
 
-    return clusterNetworks.find(c => c.id === this.clusterNetwork);
+    return clusterNetworks.find((c) => c.id === this.clusterNetwork);
   }
 
   get clusterNetworkErrorMessage() {
diff --git a/pkg/harvester/models/harvester/logging.banzaicloud.io.flow.js b/pkg/harvester/models/harvester/logging.banzaicloud.io.flow.js
index 6c61f14c..f7c7285c 100644
--- a/pkg/harvester/models/harvester/logging.banzaicloud.io.flow.js
+++ b/pkg/harvester/models/harvester/logging.banzaicloud.io.flow.js
@@ -63,7 +63,7 @@ export default class HarvesterLogFlow extends Flow {
       return FLOW_TYPE.AUDIT;
     }
 
-    if ((this.spec.match || []).find(M => !!M?.select?.labels?.['app.kubernetes.io/name'])) {
+    if ((this.spec.match || []).find((M) => !!M?.select?.labels?.['app.kubernetes.io/name'])) {
       return FLOW_TYPE.EVENT;
     }
 
diff --git a/pkg/harvester/models/harvester/namespace.js b/pkg/harvester/models/harvester/namespace.js
index 41d79448..57198ef7 100644
--- a/pkg/harvester/models/harvester/namespace.js
+++ b/pkg/harvester/models/harvester/namespace.js
@@ -25,7 +25,7 @@ const OBSCURE_NAMESPACE_PREFIX = [
 export default class HciNamespace extends namespace {
   get _availableActions() {
     const out = super._availableActions;
-    const remove = out.findIndex(a => a.action === 'promptRemove');
+    const remove = out.findIndex((a) => a.action === 'promptRemove');
 
     const promptRemove = {
       action:     'promptRemove',
@@ -76,7 +76,7 @@ export default class HciNamespace extends namespace {
     const inStore = this.$rootGetters['currentProduct'].inStore;
     const allResQuotas = this.$rootGetters[`${ inStore }/all`](HCI.RESOURCE_QUOTA);
 
-    return allResQuotas.find( RQ => RQ.metadata.namespace === this.id);
+    return allResQuotas.find( (RQ) => RQ.metadata.namespace === this.id);
   }
 
   get snapshotSizeQuota() {
@@ -111,7 +111,7 @@ export default class HciNamespace extends namespace {
     }
 
     const isSettingSystemNamespace = this.$rootGetters['systemNamespaces'].includes(this.metadata.name);
-    const isObscurePrefix = !!OBSCURE_NAMESPACE_PREFIX.some(prefix => this.metadata.name.startsWith(prefix));
+    const isObscurePrefix = !!OBSCURE_NAMESPACE_PREFIX.some((prefix) => this.metadata.name.startsWith(prefix));
 
     return isSettingSystemNamespace || isObscurePrefix;
   }
diff --git a/pkg/harvester/models/harvester/node.js b/pkg/harvester/models/harvester/node.js
index 6bb85a32..b07e7a34 100644
--- a/pkg/harvester/models/harvester/node.js
+++ b/pkg/harvester/models/harvester/node.js
@@ -292,7 +292,7 @@ export default class HciNode extends HarvesterResource {
   get internalIp() {
     const addresses = this.status?.addresses || [];
 
-    return findLast(addresses, address => address.type === 'InternalIP')
+    return findLast(addresses, (address) => address.type === 'InternalIP')
       ?.address;
   }
 
@@ -444,7 +444,7 @@ export default class HciNode extends HarvesterResource {
     const pods = this.$rootGetters[`${ inStore }/all`](POD) || [];
 
     return pods.filter(
-      p => p?.spec?.nodeName === this.id && p?.metadata?.name !== 'removing'
+      (p) => p?.spec?.nodeName === this.id && p?.metadata?.name !== 'removing'
     );
   }
 
@@ -475,7 +475,7 @@ export default class HciNode extends HarvesterResource {
     const nodeId = this.id;
     const vlanStatuses = this.$rootGetters[`${ inStore }/all`](HCI.VLAN_STATUS);
 
-    return vlanStatuses.filter(s => s?.status?.node === nodeId) || [];
+    return vlanStatuses.filter((s) => s?.status?.node === nodeId) || [];
   }
 
   get blockDevices() {
@@ -483,17 +483,17 @@ export default class HciNode extends HarvesterResource {
     const nodeId = this.id;
     const blockDevices = this.$rootGetters[`${ inStore }/all`](HCI.BLOCK_DEVICE);
 
-    return blockDevices.filter(s => s?.spec?.nodeName === nodeId) || [];
+    return blockDevices.filter((s) => s?.spec?.nodeName === nodeId) || [];
   }
 
   get unProvisionedDisks() {
     const blockDevices = this.blockDevices || [];
 
-    return blockDevices.filter(d => d?.isProvisioned && d?.status?.provisionPhase !== 'Provisioned');
+    return blockDevices.filter((d) => d?.isProvisioned && d?.status?.provisionPhase !== 'Provisioned');
   }
 
   get diskStatusCount() {
-    const errorBlockDevices = this.unProvisionedDisks.filter(b => b.metadata.state.error) || [];
+    const errorBlockDevices = this.unProvisionedDisks.filter((b) => b.metadata.state.error) || [];
 
     let errorCount = 0;
 
@@ -639,7 +639,7 @@ export default class HciNode extends HarvesterResource {
     const inStore = this.$rootGetters['currentProduct'].inStore;
     const inventories = this.$rootGetters[`${ inStore }/all`](HCI.INVENTORY) || [];
 
-    return inventories.find(inv => inv.id === `harvester-system/${ this.id }`);
+    return inventories.find((inv) => inv.id === `harvester-system/${ this.id }`);
   }
 
   get warningMessages() {
diff --git a/pkg/harvester/models/harvester/persistentvolumeclaim.js b/pkg/harvester/models/harvester/persistentvolumeclaim.js
index 81e76eed..9f4d308a 100644
--- a/pkg/harvester/models/harvester/persistentvolumeclaim.js
+++ b/pkg/harvester/models/harvester/persistentvolumeclaim.js
@@ -1,6 +1,6 @@
 import { _CLONE } from '@shell/config/query-params';
 import pick from 'lodash/pick';
-import { PV, LONGHORN, STORAGE_CLASS } from '@shell/config/types';
+import { PV, LONGHORN, STORAGE_CLASS, LONGHORN_DRIVER } from '@shell/config/types';
 import { DESCRIPTION } from '@shell/config/labels-annotations';
 import { HCI as HCI_ANNOTATIONS } from '@pkg/harvester/config/labels-annotations';
 import { findBy } from '@shell/utils/array';
@@ -10,7 +10,6 @@ import { HCI, VOLUME_SNAPSHOT } from '../../types';
 import HarvesterResource from '../harvester';
 import { PRODUCT_NAME as HARVESTER_PRODUCT } from '../../config/harvester';
 
-import { LONGHORN_DRIVER } from '@shell/config/types';
 import { DATA_ENGINE_V2 } from '../../edit/harvesterhci.io.storage/index.vue';
 
 const DEGRADED_ERRORS = ['replica scheduling failed', 'precheck new replica failed'];
@@ -23,10 +22,12 @@ export default class HciPv extends HarvesterResource {
     const storageClassName =
       realMode === _CLONE ? this.spec.storageClassName : '';
 
-    this['spec'] = {accessModes,
+    this['spec'] = {
+      accessModes,
       storageClassName,
       volumeName: '',
-      resources:  { requests: { storage } }};
+      resources:  { requests: { storage } }
+    };
   }
 
   get availableActions() {
@@ -34,9 +35,9 @@ export default class HciPv extends HarvesterResource {
 
     // Longhorn V2 provisioner do not support volume clone feature yet
     if (this.storageClass.longhornVersion === DATA_ENGINE_V2) {
-      out = out.filter(action => action.action !== 'goToClone');
+      out = out.filter((action) => action.action !== 'goToClone');
     } else {
-      const clone = out.find(action => action.action === 'goToClone');
+      const clone = out.find((action) => action.action === 'goToClone');
 
       if (clone) {
         clone.action = 'goToCloneVolume';
@@ -109,7 +110,7 @@ export default class HciPv extends HarvesterResource {
   get storageClass() {
     const inStore = this.$rootGetters['currentProduct'].inStore;
 
-    return this.$rootGetters[`${ inStore }/all`](STORAGE_CLASS).find(sc => sc.name === this.spec.storageClassName);
+    return this.$rootGetters[`${ inStore }/all`](STORAGE_CLASS).find((sc) => sc.name === this.spec.storageClassName);
   }
 
   get canUpdate() {
@@ -203,7 +204,7 @@ export default class HciPv extends HarvesterResource {
       const attachVolumes = vm.spec.template?.spec?.volumes || [];
 
       if (vm.namespace === this.namespace && attachVolumes.length > 0) {
-        return attachVolumes.find(vol => vol.persistentVolumeClaim?.claimName === this.name);
+        return attachVolumes.find((vol) => vol.persistentVolumeClaim?.claimName === this.name);
       }
 
       return null;
@@ -241,13 +242,13 @@ export default class HciPv extends HarvesterResource {
   get longhornVolume() {
     const inStore = this.$rootGetters['currentProduct'].inStore;
 
-    return this.$rootGetters[`${ inStore }/all`](LONGHORN.VOLUMES).find(v => v.metadata?.name === this.spec?.volumeName);
+    return this.$rootGetters[`${ inStore }/all`](LONGHORN.VOLUMES).find((v) => v.metadata?.name === this.spec?.volumeName);
   }
 
   get longhornEngine() {
     const inStore = this.$rootGetters['currentProduct'].inStore;
 
-    return this.$rootGetters[`${ inStore }/all`](LONGHORN.ENGINES).find(v => v.spec?.volumeName === this.spec?.volumeName);
+    return this.$rootGetters[`${ inStore }/all`](LONGHORN.ENGINES).find((v) => v.spec?.volumeName === this.spec?.volumeName);
   }
 
   // https://github.com/longhorn/longhorn-manager/blob/master/api/model.go#L1151
@@ -255,7 +256,7 @@ export default class HciPv extends HarvesterResource {
     let ready = true;
     const longhornVolume = this.longhornVolume || {};
 
-    const scheduledCondition = (longhornVolume?.status?.conditions || []).find(c => c.type === 'Scheduled' || c.type === 'scheduled') || {};
+    const scheduledCondition = (longhornVolume?.status?.conditions || []).find((c) => c.type === 'Scheduled' || c.type === 'scheduled') || {};
 
     if ((longhornVolume?.spec?.nodeID === '' && longhornVolume?.status?.state !== 'detached') ||
           (longhornVolume?.status?.state === 'detached' && scheduledCondition.status !== 'True') ||
@@ -282,7 +283,7 @@ export default class HciPv extends HarvesterResource {
 
   get originalSnapshot() {
     if (this.spec?.dataSource) {
-      return this.$rootGetters['harvester/all'](VOLUME_SNAPSHOT).find(V => V.metadata?.name === this.spec.dataSource.name);
+      return this.$rootGetters['harvester/all'](VOLUME_SNAPSHOT).find((V) => V.metadata?.name === this.spec.dataSource.name);
     } else {
       return null;
     }
@@ -299,7 +300,7 @@ export default class HciPv extends HarvesterResource {
   }
 
   get relatedPV() {
-    return this.$rootGetters['harvester/all'](PV).find(pv => pv.metadata?.name === this.spec?.volumeName);
+    return this.$rootGetters['harvester/all'](PV).find((pv) => pv.metadata?.name === this.spec?.volumeName);
   }
 
   get resourceExternalLink() {
diff --git a/pkg/harvester/models/harvester/pod.js b/pkg/harvester/models/harvester/pod.js
index 966f9e5b..3a05d78e 100644
--- a/pkg/harvester/models/harvester/pod.js
+++ b/pkg/harvester/models/harvester/pod.js
@@ -113,7 +113,7 @@ export default class HciPod extends HarvesterResource {
     return (containerStatus) => {
       if (containerStatus) {
         const stateName = Object.getOwnPropertyNames(containerStatus.state).find(
-          pn => !!containerStatus.state[pn].reason,
+          (pn) => !!containerStatus.state[pn].reason,
         );
 
         if (stateName) {
@@ -180,6 +180,6 @@ export default class HciPod extends HarvesterResource {
   get getPodFalseStatusConditions() {
     const conditions = get(this, 'status.conditions') || [];
 
-    return conditions.filter(condition => condition.status !== 'True');
+    return conditions.filter((condition) => condition.status !== 'True');
   }
 }
diff --git a/pkg/harvester/models/harvester/secret.js b/pkg/harvester/models/harvester/secret.js
index febb0a58..f4f417f8 100644
--- a/pkg/harvester/models/harvester/secret.js
+++ b/pkg/harvester/models/harvester/secret.js
@@ -56,7 +56,7 @@ export default class HciSecret extends Secret {
   get isSystem() {
     const inStore = this.$rootGetters['currentProduct'].inStore;
 
-    const systemNs = this.$rootGetters[`${ inStore }/all`](NAMESPACE).filter(ns => ns.isSystem === true).map(ns => ns.metadata.name);
+    const systemNs = this.$rootGetters[`${ inStore }/all`](NAMESPACE).filter((ns) => ns.isSystem === true).map((ns) => ns.metadata.name);
 
     return systemNs.includes(this.metadata.namespace);
   }
diff --git a/pkg/harvester/models/harvesterhci.io.addon.js b/pkg/harvester/models/harvesterhci.io.addon.js
index 7685d6cd..cbaf29cb 100644
--- a/pkg/harvester/models/harvesterhci.io.addon.js
+++ b/pkg/harvester/models/harvesterhci.io.addon.js
@@ -102,7 +102,7 @@ export default class HciAddonConfig extends HarvesterResource {
   }
 
   get stateDescription() {
-    const failedCondition = (this.status?.conditions || []).find(C => C.type === 'OperationFailed');
+    const failedCondition = (this.status?.conditions || []).find((C) => C.type === 'OperationFailed');
 
     return failedCondition?.message || super.stateDescription;
   }
diff --git a/pkg/harvester/models/harvesterhci.io.blockdevice.js b/pkg/harvester/models/harvesterhci.io.blockdevice.js
index 7e968781..4ef0e5e2 100644
--- a/pkg/harvester/models/harvesterhci.io.blockdevice.js
+++ b/pkg/harvester/models/harvesterhci.io.blockdevice.js
@@ -15,7 +15,7 @@ export default class HciBlockDevice extends HarvesterResource {
   }
 
   get isChildPartProvisioned() {
-    const parts = this.childParts.filter(p => p.isProvisioned) || [];
+    const parts = this.childParts.filter((p) => p.isProvisioned) || [];
 
     return parts.length > 0;
   }
@@ -55,7 +55,7 @@ export default class HciBlockDevice extends HarvesterResource {
 
   get isFormatting() {
     const conditions = this?.status?.conditions || [];
-    const formatting = conditions.find(c => c.type === 'Formatting') || {};
+    const formatting = conditions.find((c) => c.type === 'Formatting') || {};
 
     return formatting.status === 'True';
   }
diff --git a/pkg/harvester/models/harvesterhci.io.management.cluster.js b/pkg/harvester/models/harvesterhci.io.management.cluster.js
index 3f4316a7..6a2a407e 100644
--- a/pkg/harvester/models/harvesterhci.io.management.cluster.js
+++ b/pkg/harvester/models/harvesterhci.io.management.cluster.js
@@ -4,7 +4,6 @@ import { HARVESTER_NAME, HARVESTER_NAME as VIRTUAL } from '@shell/config/feature
 import { SETTING } from '@shell/config/settings';
 
 export default class HciCluster extends ProvCluster {
-
   get stateObj() {
     return this._stateObj;
   }
@@ -167,12 +166,12 @@ export default class HciCluster extends ProvCluster {
 
   async goToCluster() {
     this.currentRouter().push({
-          name:   `${ VIRTUAL }-c-cluster-resource`,
-          params: {
-            cluster:  this.status.clusterName,
-            product:  VIRTUAL,
-            resource: HCI.DASHBOARD // Go directly to dashboard to avoid blip of components on screen
-          }
-        });
+      name:   `${ VIRTUAL }-c-cluster-resource`,
+      params: {
+        cluster:  this.status.clusterName,
+        product:  VIRTUAL,
+        resource: HCI.DASHBOARD // Go directly to dashboard to avoid blip of components on screen
+      }
+    });
   }
 }
diff --git a/pkg/harvester/models/harvesterhci.io.schedulevmbackup.js b/pkg/harvester/models/harvesterhci.io.schedulevmbackup.js
index 13a2f566..a25483be 100644
--- a/pkg/harvester/models/harvesterhci.io.schedulevmbackup.js
+++ b/pkg/harvester/models/harvesterhci.io.schedulevmbackup.js
@@ -78,7 +78,7 @@ export default class ScheduleVmBackup extends HarvesterResource {
   }
 
   get stateDescription() {
-    const suspendedCondition = (this.status?.conditions || []).find(c => c.type === 'BackupSuspend');
+    const suspendedCondition = (this.status?.conditions || []).find((c) => c.type === 'BackupSuspend');
 
     return ucFirst(suspendedCondition?.message) || super.stateDescription;
   }
diff --git a/pkg/harvester/models/harvesterhci.io.setting.js b/pkg/harvester/models/harvesterhci.io.setting.js
index b41df026..fe0d4de3 100644
--- a/pkg/harvester/models/harvesterhci.io.setting.js
+++ b/pkg/harvester/models/harvesterhci.io.setting.js
@@ -21,17 +21,17 @@ export default class HciSetting extends HarvesterResource {
     });
 
     // Change the label on the first action (edit)
-    const editAction = out.find(action => action.action === 'goToEdit');
+    const editAction = out.find((action) => action.action === 'goToEdit');
 
     if (editAction) {
       editAction.label = this.t('advancedSettings.edit.label');
     }
 
     const schema = this.$getters['schemaFor'](HCI.UPGRADE);
-    const hasUpgradeAccess = !!schema?.collectionMethods.find(x => ['post'].includes(x.toLowerCase()));
+    const hasUpgradeAccess = !!schema?.collectionMethods.find((x) => ['post'].includes(x.toLowerCase()));
 
     if (this.id === HCI_SETTING.SERVER_VERSION && hasUpgradeAccess) {
-      const latestUpgrade = this.$getters['all'](HCI.UPGRADE).find(upgrade => upgrade.isLatestUpgrade);
+      const latestUpgrade = this.$getters['all'](HCI.UPGRADE).find((upgrade) => upgrade.isLatestUpgrade);
 
       out.unshift({
         action:   'goToAirgapUpgrade',
diff --git a/pkg/harvester/models/harvesterhci.io.upgrade.js b/pkg/harvester/models/harvesterhci.io.upgrade.js
index 62235e0b..139120c8 100644
--- a/pkg/harvester/models/harvesterhci.io.upgrade.js
+++ b/pkg/harvester/models/harvesterhci.io.upgrade.js
@@ -37,7 +37,7 @@ export default class HciUpgrade extends HarvesterResource {
 
   get stateDisplay() {
     const conditions = this?.status?.conditions || [];
-    const completedCondition = conditions.find( cond => cond.type === 'Completed');
+    const completedCondition = conditions.find( (cond) => cond.type === 'Completed');
     const status = completedCondition?.status;
 
     if (status === 'True') {
@@ -100,7 +100,7 @@ export default class HciUpgrade extends HarvesterResource {
 
   get createRepo() {
     const conditions = this?.status?.conditions || [];
-    const repoCondition = conditions.find( cond => cond.type === 'RepoReady');
+    const repoCondition = conditions.find( (cond) => cond.type === 'RepoReady');
     const isReady = repoCondition?.status === 'True';
 
     return {
@@ -111,7 +111,7 @@ export default class HciUpgrade extends HarvesterResource {
 
   get overallMessage() {
     const conditions = this?.status?.conditions || [];
-    const completedCondition = conditions.find( cond => cond.type === 'Completed');
+    const completedCondition = conditions.find( (cond) => cond.type === 'Completed');
     const hasError = completedCondition?.status === 'False';
     const message = completedCondition?.message || completedCondition?.reason;
 
@@ -120,7 +120,7 @@ export default class HciUpgrade extends HarvesterResource {
 
   get upgradeImageMessage() {
     const conditions = this?.status?.conditions || [];
-    const imageReady = conditions.find( cond => cond.type === 'ImageReady');
+    const imageReady = conditions.find( (cond) => cond.type === 'ImageReady');
     const success = imageReady?.status === 'True';
     const message = imageReady?.message || imageReady?.reason;
 
@@ -152,7 +152,7 @@ export default class HciUpgrade extends HarvesterResource {
     }
 
     for (const node of this.nodes) {
-      const hasNode = message.find( O => O.name === node.id);
+      const hasNode = message.find( (O) => O.name === node.id);
 
       if (!hasNode) {
         message.push({
@@ -175,7 +175,7 @@ export default class HciUpgrade extends HarvesterResource {
 
     out = Math.floor(out / this.nodeUpgradeMessage.length);
     const conditions = this?.status?.conditions || [];
-    const nodeUpgradedCondition = conditions.find( cond => cond.type === 'NodesUpgraded');
+    const nodeUpgradedCondition = conditions.find( (cond) => cond.type === 'NodesUpgraded');
 
     if (out === 100 && !nodeUpgradedCondition) {
       out = 99;
diff --git a/pkg/harvester/models/harvesterhci.io.virtualmachinebackup.js b/pkg/harvester/models/harvesterhci.io.virtualmachinebackup.js
index 0e36227b..fb47638d 100644
--- a/pkg/harvester/models/harvesterhci.io.virtualmachinebackup.js
+++ b/pkg/harvester/models/harvesterhci.io.virtualmachinebackup.js
@@ -59,7 +59,7 @@ export default class HciVmBackup extends HarvesterResource {
     const schema = this.$getters['schemaFor'](HCI.VM);
     let canCreateVM = true;
 
-    if ( schema && !schema?.collectionMethods.find(x => ['post'].includes(x.toLowerCase())) ) {
+    if ( schema && !schema?.collectionMethods.find((x) => ['post'].includes(x.toLowerCase())) ) {
       canCreateVM = false;
     }
 
@@ -158,7 +158,7 @@ export default class HciVmBackup extends HarvesterResource {
   get attachVmExisting() {
     const vmList = this.$rootGetters['harvester/all'](HCI.VM);
 
-    return !!vmList.find( V => V.metadata.name === this.attachVM);
+    return !!vmList.find( (V) => V.metadata.name === this.attachVM);
   }
 
   remove() {
diff --git a/pkg/harvester/models/harvesterhci.io.virtualmachineimage.js b/pkg/harvester/models/harvesterhci.io.virtualmachineimage.js
index f7fce9f2..c2b78337 100644
--- a/pkg/harvester/models/harvesterhci.io.virtualmachineimage.js
+++ b/pkg/harvester/models/harvesterhci.io.virtualmachineimage.js
@@ -22,7 +22,7 @@ function isReady() {
   function getStatusConditionOfType(type, defaultValue = []) {
     const conditions = Array.isArray(get(this, 'status.conditions')) ? this.status.conditions : defaultValue;
 
-    return conditions.find( cond => cond.type === type);
+    return conditions.find( (cond) => cond.type === type);
   }
 
   const initialized = getStatusConditionOfType.call(this, 'Initialized');
@@ -40,12 +40,12 @@ export default class HciVmImage extends HarvesterResource {
     let out = super._availableActions;
     const toFilter = ['goToEditYaml'];
 
-    out = out.filter( A => !toFilter.includes(A.action));
+    out = out.filter( (A) => !toFilter.includes(A.action));
 
     const schema = this.$getters['schemaFor'](HCI.VM);
     let canCreateVM = true;
 
-    if ( schema && !schema?.collectionMethods.find(x => ['post'].includes(x.toLowerCase())) ) {
+    if ( schema && !schema?.collectionMethods.find((x) => ['post'].includes(x.toLowerCase())) ) {
       canCreateVM = false;
     }
 
@@ -88,7 +88,7 @@ export default class HciVmImage extends HarvesterResource {
       name:   `${ HARVESTER_PRODUCT }-c-cluster-resource-create`,
       params: { resource: HCI.IMAGE },
       query:  {
-        image:           JSON.stringify({metadata: { name: this.metadata.name, namespace: this.metadata.namespace }}),
+        image:           JSON.stringify({ metadata: { name: this.metadata.name, namespace: this.metadata.namespace } }),
         fromPage:        HCI.IMAGE,
         sourceType:      'clone',
         cryptoOperation: 'encrypt'
@@ -103,7 +103,7 @@ export default class HciVmImage extends HarvesterResource {
       name:   `${ HARVESTER_PRODUCT }-c-cluster-resource-create`,
       params: { resource: HCI.IMAGE },
       query:  {
-        image:           JSON.stringify({metadata: { name: this.metadata.name, namespace: this.metadata.namespace }}),
+        image:           JSON.stringify({ metadata: { name: this.metadata.name, namespace: this.metadata.namespace } }),
         fromPage:        HCI.IMAGE,
         sourceType:      'clone',
         cryptoOperation: 'decrypt'
@@ -205,9 +205,9 @@ export default class HciVmImage extends HarvesterResource {
     }
 
     const conditions = this?.status?.conditions || [];
-    const initialized = conditions.find( cond => cond.type === 'Initialized');
-    const imported = conditions.find( cond => cond.type === 'Imported');
-    const retryLimitExceeded = conditions.find( cond => cond.type === 'RetryLimitExceeded');
+    const initialized = conditions.find( (cond) => cond.type === 'Initialized');
+    const imported = conditions.find( (cond) => cond.type === 'Imported');
+    const retryLimitExceeded = conditions.find( (cond) => cond.type === 'RetryLimitExceeded');
     const message = initialized?.message || imported?.message || retryLimitExceeded?.message;
 
     return ucFirst(message);
@@ -262,7 +262,7 @@ export default class HciVmImage extends HarvesterResource {
   getStatusConditionOfType(type, defaultValue = []) {
     const conditions = Array.isArray(get(this, 'status.conditions')) ? this.status.conditions : defaultValue;
 
-    return conditions.find( cond => cond.type === type);
+    return conditions.find( (cond) => cond.type === type);
   }
 
   get stateObj() {
diff --git a/pkg/harvester/models/harvesterhci.io.virtualmachinerestore.js b/pkg/harvester/models/harvesterhci.io.virtualmachinerestore.js
index 7e40c386..8acf8de8 100644
--- a/pkg/harvester/models/harvesterhci.io.virtualmachinerestore.js
+++ b/pkg/harvester/models/harvesterhci.io.virtualmachinerestore.js
@@ -7,7 +7,7 @@ export default class HciVmRestore extends HarvesterResource {
 
   get pvcNames() {
     const restores = this?.status?.restores || [];
-    const out = restores.map( O => O?.persistentVolumeClaimSpec?.name);
+    const out = restores.map( (O) => O?.persistentVolumeClaimSpec?.name);
 
     return out;
   }
diff --git a/pkg/harvester/models/harvesterhci.io.virtualmachinetemplate.js b/pkg/harvester/models/harvesterhci.io.virtualmachinetemplate.js
index 4d412015..ae2d02a4 100644
--- a/pkg/harvester/models/harvesterhci.io.virtualmachinetemplate.js
+++ b/pkg/harvester/models/harvesterhci.io.virtualmachinetemplate.js
@@ -20,7 +20,7 @@ export default class HciVmTemplate extends HarvesterResource {
     const schema = this.$getters['schemaFor'](HCI.VM);
     let canCreateVM = true;
 
-    if ( schema && !schema?.collectionMethods.find(x => ['post'].includes(x.toLowerCase())) ) {
+    if ( schema && !schema?.collectionMethods.find((x) => ['post'].includes(x.toLowerCase())) ) {
       canCreateVM = false;
     }
 
diff --git a/pkg/harvester/models/harvesterhci.io.virtualmachinetemplateversion.js b/pkg/harvester/models/harvesterhci.io.virtualmachinetemplateversion.js
index 87666a82..3c521d1d 100644
--- a/pkg/harvester/models/harvesterhci.io.virtualmachinetemplateversion.js
+++ b/pkg/harvester/models/harvesterhci.io.virtualmachinetemplateversion.js
@@ -25,7 +25,7 @@ export default class HciVmTemplateVersion extends HarvesterResource {
     const schema = this.$getters['schemaFor'](HCI.VM);
     let canCreateVM = true;
 
-    if ( schema && !schema?.collectionMethods.find(x => ['post'].includes(x.toLowerCase())) ) {
+    if ( schema && !schema?.collectionMethods.find((x) => ['post'].includes(x.toLowerCase())) ) {
       canCreateVM = false;
     }
 
@@ -200,7 +200,7 @@ export default class HciVmTemplateVersion extends HarvesterResource {
   }
 
   get currentTemplate() {
-    return find(this.templates, T => T.id === this.templateId);
+    return find(this.templates, (T) => T.id === this.templateId);
   }
 
   async setDefaultVersion(moreQuery = {}) {
@@ -212,7 +212,7 @@ export default class HciVmTemplateVersion extends HarvesterResource {
 
   get defaultVersion() {
     const templates = this.$rootGetters['harvester/all'](HCI.VM_TEMPLATE);
-    const template = templates.find(T => this.templateId === T.id);
+    const template = templates.find((T) => this.templateId === T.id);
 
     return template?.status?.defaultVersion;
   }
diff --git a/pkg/harvester/models/kubevirt.io.virtualmachine.js b/pkg/harvester/models/kubevirt.io.virtualmachine.js
index bb0e6f09..b37f2f52 100644
--- a/pkg/harvester/models/kubevirt.io.virtualmachine.js
+++ b/pkg/harvester/models/kubevirt.io.virtualmachine.js
@@ -92,9 +92,9 @@ export default class VirtVm extends HarvesterResource {
 
     // VM attached with Longhorn V2 volume doesn't support clone feature
     if (this.longhornV2Volumes.length > 0) {
-      out = out.filter(action => action.action !== 'goToClone');
+      out = out.filter((action) => action.action !== 'goToClone');
     } else {
-      const clone = out.find(action => action.action === 'goToClone');
+      const clone = out.find((action) => action.action === 'goToClone');
 
       if (clone) {
         clone.action = 'goToCloneVM';
@@ -465,7 +465,7 @@ export default class VirtVm extends HarvesterResource {
   get networksName() {
     const interfaces = this.spec.template.spec.domain.devices?.interfaces || [];
 
-    return interfaces.map(I => I.name);
+    return interfaces.map((I) => I.name);
   }
 
   get isOff() {
@@ -507,7 +507,7 @@ export default class VirtVm extends HarvesterResource {
         if (
           this.status?.printableStatus === 'ErrorUnschedulable' &&
             conditions.find(
-              C => C.message && C.message.includes(IgnoreMessages)
+              (C) => C.message && C.message.includes(IgnoreMessages)
             )
         ) {
           return true;
@@ -518,7 +518,7 @@ export default class VirtVm extends HarvesterResource {
       default:
         changeRequests = new Set(
           (this.status?.stateChangeRequests || []).map(
-            chRequest => chRequest?.action
+            (chRequest) => chRequest?.action
           )
         );
 
@@ -558,7 +558,7 @@ export default class VirtVm extends HarvesterResource {
 
   get isPaused() {
     const conditions = this.vmi?.status?.conditions || [];
-    const isPause = conditions.filter(cond => cond.type === PAUSED).length > 0;
+    const isPause = conditions.filter((cond) => cond.type === PAUSED).length > 0;
 
     return isPause ? {
       status:  PAUSED,
@@ -584,7 +584,7 @@ export default class VirtVm extends HarvesterResource {
     const inStore = this.productInStore;
     const allResQuotas = this.$rootGetters[`${ inStore }/all`](HCI.RESOURCE_QUOTA);
 
-    return allResQuotas.find( RQ => RQ.namespace === this.metadata.namespace);
+    return allResQuotas.find( (RQ) => RQ.namespace === this.metadata.namespace);
   }
 
   get snapshotSizeQuota() {
@@ -596,29 +596,29 @@ export default class VirtVm extends HarvesterResource {
 
     const vmis = this.$rootGetters[`${ inStore }/all`](HCI.VMI);
 
-    return vmis.find(VMI => VMI.id === this.id);
+    return vmis.find((VMI) => VMI.id === this.id);
   }
 
   get volumes() {
     const pvcs = this.$rootGetters[`${ this.productInStore }/all`](PVC);
 
-    const volumeClaimNames = this.spec.template.spec.volumes?.map(v => v.persistentVolumeClaim?.claimName).filter(v => !!v) || [];
+    const volumeClaimNames = this.spec.template.spec.volumes?.map((v) => v.persistentVolumeClaim?.claimName).filter((v) => !!v) || [];
 
-    return pvcs.filter(pvc => volumeClaimNames.includes(pvc.metadata.name));
+    return pvcs.filter((pvc) => volumeClaimNames.includes(pvc.metadata.name));
   }
 
   get lvmVolumes() {
-    return this.volumes.filter(volume => volume.storageClass.provisioner === LVM_DRIVER);
+    return this.volumes.filter((volume) => volume.storageClass.provisioner === LVM_DRIVER);
   }
 
   get longhornV2Volumes() {
-    return this.volumes.filter(volume => volume.storageClass.isLonghornV2);
+    return this.volumes.filter((volume) => volume.storageClass.isLonghornV2);
   }
 
   get encryptedVolumeType() {
-    if (this.volumes.every(vol => vol.isEncrypted)) {
+    if (this.volumes.every((vol) => vol.isEncrypted)) {
       return 'all';
-    } else if (this.volumes.some(vol => vol.isEncrypted)) {
+    } else if (this.volumes.some((vol) => vol.isEncrypted)) {
       return 'partial';
     } else {
       return 'none';
@@ -709,7 +709,7 @@ export default class VirtVm extends HarvesterResource {
 
   get isUnschedulable() {
     if (this.isBeingStopped || this.isStarting) {
-      const condition = this.status?.conditions?.find(c => c.reason === UNSCHEDULABLE);
+      const condition = this.status?.conditions?.find((c) => c.reason === UNSCHEDULABLE);
 
       if (!!condition) {
         return {
@@ -765,14 +765,14 @@ export default class VirtVm extends HarvesterResource {
 
     const allRestore = this.$rootGetters[`${ inStore }/all`](HCI.RESTORE);
 
-    const res = allRestore.find(O => O.id === id);
+    const res = allRestore.find((O) => O.id === id);
 
     if (res) {
       const allBackups = this.$rootGetters[`${ inStore }/all`](HCI.BACKUP);
 
       res.fromSnapshot = !!allBackups
-        .filter(b => b.spec?.type !== BACKUP_TYPE.BACKUP)
-        .find(s => s.id === `${ res.spec?.virtualMachineBackupNamespace }/${ res.spec?.virtualMachineBackupName }`);
+        .filter((b) => b.spec?.type !== BACKUP_TYPE.BACKUP)
+        .find((s) => s.id === `${ res.spec?.virtualMachineBackupNamespace }/${ res.spec?.virtualMachineBackupName }`);
     }
 
     return res;
@@ -981,7 +981,7 @@ export default class VirtVm extends HarvesterResource {
       .map((O) => {
         return O?.persistentVolumeClaim?.claimName;
       })
-      .filter(name => !!name);
+      .filter((name) => !!name);
   }
 
   get rootImageId() {
@@ -998,7 +998,7 @@ export default class VirtVm extends HarvesterResource {
 
     if (!isNoExistingVolume) {
       const existingVolume = pvcs.find(
-        P => P.id === `${ this.metadata.namespace }/${ firstVolumeName }`
+        (P) => P.id === `${ this.metadata.namespace }/${ firstVolumeName }`
       );
 
       if (existingVolume) {
@@ -1063,7 +1063,7 @@ export default class VirtVm extends HarvesterResource {
 
   get attachNetwork() {
     const networks = this.spec?.template?.spec?.networks || [];
-    const hasMultus = networks.find(N => N.multus);
+    const hasMultus = networks.find((N) => N.multus);
 
     return !!hasMultus;
   }
@@ -1090,11 +1090,11 @@ export default class VirtVm extends HarvesterResource {
 
     return (
       ignoreConditions.find(
-        condition => condition.name === state?.name &&
+        (condition) => condition.name === state?.name &&
           condition.error === state?.error &&
           condition.vmState
       ) ||
-      IgnoreMessages.find(M => super.stateDescription?.includes(M)) ||
+      IgnoreMessages.find((M) => super.stateDescription?.includes(M)) ||
       this.isOff
     );
   }
@@ -1112,7 +1112,7 @@ export default class VirtVm extends HarvesterResource {
 
   get isQemuInstalled() {
     const conditions = this.vmi?.status?.conditions || [];
-    const qemu = conditions.find(cond => cond.type === AGENT_CONNECTED);
+    const qemu = conditions.find((cond) => cond.type === AGENT_CONNECTED);
 
     return qemu?.status === 'True';
   }
diff --git a/pkg/harvester/models/kubevirt.io.virtualmachineinstance.js b/pkg/harvester/models/kubevirt.io.virtualmachineinstance.js
index 3c5c7e59..37b96598 100644
--- a/pkg/harvester/models/kubevirt.io.virtualmachineinstance.js
+++ b/pkg/harvester/models/kubevirt.io.virtualmachineinstance.js
@@ -47,7 +47,7 @@ export default class VirtVmInstance extends HarvesterResource {
 
   get vmimResource() {
     const all = this.$rootGetters['harvester/all'](HCI.VMIM) || [];
-    const vmimList = all.filter(vmim => vmim.spec?.vmiName === this.metadata?.name);
+    const vmimList = all.filter((vmim) => vmim.spec?.vmiName === this.metadata?.name);
 
     if (vmimList.length === 0) {
       return [];
@@ -88,7 +88,7 @@ export default class VirtVmInstance extends HarvesterResource {
 
   get isPaused() {
     const conditions = this?.status?.conditions || [];
-    const isPause = conditions.filter(cond => cond.type === PAUSED).length > 0;
+    const isPause = conditions.filter((cond) => cond.type === PAUSED).length > 0;
 
     return isPause ? {
       status:  PAUSED,
@@ -107,7 +107,7 @@ export default class VirtVmInstance extends HarvesterResource {
   get isTerminated() {
     const conditions = this?.status?.conditions || [];
 
-    return conditions.find(cond => cond.type === 'Ready')?.status === 'False';
+    return conditions.find((cond) => cond.type === 'Ready')?.status === 'False';
   }
 
   get getVMIApiPath() {
diff --git a/pkg/harvester/models/loadbalancer.harvesterhci.io.ippool.js b/pkg/harvester/models/loadbalancer.harvesterhci.io.ippool.js
index 444b02a8..3e111777 100644
--- a/pkg/harvester/models/loadbalancer.harvesterhci.io.ippool.js
+++ b/pkg/harvester/models/loadbalancer.harvesterhci.io.ippool.js
@@ -38,19 +38,19 @@ export default class HciLB extends HarvesterResource {
   get subnetDisplay() {
     const ranges = this.spec?.ranges || [];
 
-    return ranges.map(r => r.subnet).join(', ');
+    return ranges.map((r) => r.subnet).join(', ');
   }
 
   get startIPDisplay() {
     const ranges = this.spec?.ranges || [];
 
-    return ranges.filter(r => r.startIP).map(r => r.startIP).join(', ');
+    return ranges.filter((r) => r.startIP).map((r) => r.startIP).join(', ');
   }
 
   get endIPDisplay() {
     const ranges = this.spec?.ranges || [];
 
-    return ranges.filter(r => r.endIP).map(r => r.endIP).join(', ');
+    return ranges.filter((r) => r.endIP).map((r) => r.endIP).join(', ');
   }
 
   get details() {
@@ -81,7 +81,7 @@ export default class HciLB extends HarvesterResource {
   }
 
   get isReady() {
-    const readyCondition = (this?.status?.conditions || []).find(c => c.type === 'Ready') || {};
+    const readyCondition = (this?.status?.conditions || []).find((c) => c.type === 'Ready') || {};
 
     return readyCondition?.status === 'True';
   }
diff --git a/pkg/harvester/models/loadbalancer.harvesterhci.io.loadbalancer.js b/pkg/harvester/models/loadbalancer.harvesterhci.io.loadbalancer.js
index 50d4e2f0..4444251f 100644
--- a/pkg/harvester/models/loadbalancer.harvesterhci.io.loadbalancer.js
+++ b/pkg/harvester/models/loadbalancer.harvesterhci.io.loadbalancer.js
@@ -89,7 +89,7 @@ export default class HciLB extends HarvesterResource {
   }
 
   get isReady() {
-    const readyCondition = (this?.status?.conditions || []).find(c => c.type === 'Ready') || {};
+    const readyCondition = (this?.status?.conditions || []).find((c) => c.type === 'Ready') || {};
 
     return readyCondition?.status === 'True';
   }
diff --git a/pkg/harvester/models/longhorn.io.node.js b/pkg/harvester/models/longhorn.io.node.js
index b9e3842f..1deaada8 100644
--- a/pkg/harvester/models/longhorn.io.node.js
+++ b/pkg/harvester/models/longhorn.io.node.js
@@ -7,7 +7,7 @@ export default class LonghornNode extends SteveModel {
   get used() {
     let out = 0;
 
-    this.disks.filter(d => d.allowScheduling).map((disk) => {
+    this.disks.filter((d) => d.allowScheduling).map((disk) => {
       if (disk?.storageAvailable && disk?.storageMaximum) {
         out += disk.storageMaximum - disk.storageAvailable;
       }
@@ -22,8 +22,8 @@ export default class LonghornNode extends SteveModel {
 
     return Object.keys(diskSpec).map((key) => {
       const conditions = diskStatus[key]?.conditions || [];
-      const readyCondition = conditions.find(c => c.type === 'Ready') || {};
-      const schedulableCondition = conditions.find(c => c.type === 'Schedulable') || {};
+      const readyCondition = conditions.find((c) => c.type === 'Ready') || {};
+      const schedulableCondition = conditions.find((c) => c.type === 'Schedulable') || {};
 
       let state;
 
diff --git a/pkg/harvester/models/network.harvesterhci.io.clusternetwork.js b/pkg/harvester/models/network.harvesterhci.io.clusternetwork.js
index 2dbe694c..d560bd72 100644
--- a/pkg/harvester/models/network.harvesterhci.io.clusternetwork.js
+++ b/pkg/harvester/models/network.harvesterhci.io.clusternetwork.js
@@ -31,7 +31,7 @@ export default class HciClusterNetwork extends HarvesterResource {
   }
 
   get isReady() {
-    const readyCondition = (this?.status?.conditions || []).find(c => c.type === 'ready') || {};
+    const readyCondition = (this?.status?.conditions || []).find((c) => c.type === 'ready') || {};
 
     return readyCondition?.status === 'True';
   }
@@ -44,12 +44,12 @@ export default class HciClusterNetwork extends HarvesterResource {
     const nodes = this.$rootGetters[`${ this.inStore }/all`](NODE);
 
     // filter out witness nodes and unschedulable nodes
-    return nodes.filter(n => !n.isUnSchedulable && n.isEtcd !== 'true');
+    return nodes.filter((n) => !n.isUnSchedulable && n.isEtcd !== 'true');
   }
 
   get vlanStatuses() {
     const vlanStatuses = this.$rootGetters[`${ this.inStore }/all`](HCI.VLAN_STATUS);
-    const nodeIds = this.nodes.map(n => n.id);
+    const nodeIds = this.nodes.map((n) => n.id);
 
     return vlanStatuses.filter((s) => {
       return nodeIds.includes(s?.status?.node) &&
@@ -61,7 +61,7 @@ export default class HciClusterNetwork extends HarvesterResource {
     if (this.id === 'mgmt') {
       return true;
     } else {
-      const readyStatuses = this.vlanStatuses.filter(s => s.isReady) || [];
+      const readyStatuses = this.vlanStatuses.filter((s) => s.isReady) || [];
 
       return readyStatuses.length === this.nodes.length && this.isReady;
     }
diff --git a/pkg/harvester/models/network.harvesterhci.io.vlanconfig.js b/pkg/harvester/models/network.harvesterhci.io.vlanconfig.js
index 19b16096..53798937 100644
--- a/pkg/harvester/models/network.harvesterhci.io.vlanconfig.js
+++ b/pkg/harvester/models/network.harvesterhci.io.vlanconfig.js
@@ -79,7 +79,7 @@ export default class HciVlanConfig extends HarvesterResource {
   }
 
   get vlanStatuses() {
-    const nodes = this.nodes.map(n => n.id) || [];
+    const nodes = this.nodes.map((n) => n.id) || [];
     const vlanStatuses = this.$rootGetters[`${ this.inStore }/all`](HCI.VLAN_STATUS);
 
     return vlanStatuses.filter((s) => {
@@ -107,16 +107,16 @@ export default class HciVlanConfig extends HarvesterResource {
     if (isEmpty(nodeSelector)) {
       return nodes;
     } else if (nodeSelector[HOSTNAME] && Object.keys(nodeSelector).length === 1) {
-      return nodes.filter(n => n.id === nodeSelector[HOSTNAME]) || [];
+      return nodes.filter((n) => n.id === nodeSelector[HOSTNAME]) || [];
     } else {
-      const matchNodes = matching(nodes || [], nodeSelector).map(n => n.id);
+      const matchNodes = matching(nodes || [], nodeSelector).map((n) => n.id);
 
-      return nodes.filter(n => matchNodes.includes(n.id));
+      return nodes.filter((n) => matchNodes.includes(n.id));
     }
   }
 
   get nodes() {
-    return this.selectedNodes.filter(n => !n.isUnSchedulable && n.isEtcd !== 'true');
+    return this.selectedNodes.filter((n) => !n.isUnSchedulable && n.isEtcd !== 'true');
   }
 
   get stateDisplay() {
diff --git a/pkg/harvester/pages/c/_cluster/airgapupgrade/index.vue b/pkg/harvester/pages/c/_cluster/airgapupgrade/index.vue
index 03356afa..b54255c4 100644
--- a/pkg/harvester/pages/c/_cluster/airgapupgrade/index.vue
+++ b/pkg/harvester/pages/c/_cluster/airgapupgrade/index.vue
@@ -79,7 +79,7 @@ export default {
 
     osImageOptions() {
       return this.$store.getters['harvester/all'](HCI.IMAGE)
-        .filter(I => I.isOSImage)
+        .filter((I) => I.isOSImage)
         .map((I) => {
           return {
             label:    I.spec.displayName,
@@ -213,7 +213,10 @@ export default {
 </script>
 
 <template>
-  <div v-if="value" id="air-gap">
+  <div
+    v-if="value"
+    id="air-gap"
+  >
     <h3 class="mb-20">
       {{ t('harvester.upgradePage.osUpgrade') }}
     </h3>
@@ -245,9 +248,18 @@ export default {
       <UpgradeInfo />
 
       <div v-if="uploadImage">
-        <LabeledInput v-model.trim="imageValue.spec.displayName" class="mb-20" label-key="harvester.fields.name" required />
+        <LabeledInput
+          v-model.trim="imageValue.spec.displayName"
+          class="mb-20"
+          label-key="harvester.fields.name"
+          required
+        />
 
-        <LabeledInput v-model:value="imageValue.spec.checksum" class="mb-10" label-key="harvester.setting.upgrade.checksum" />
+        <LabeledInput
+          v-model:value="imageValue.spec.checksum"
+          class="mb-10"
+          label-key="harvester.setting.upgrade.checksum"
+        />
 
         <Checkbox
           v-if="canEnableLogging"
@@ -279,7 +291,10 @@ export default {
           label-key="harvester.image.url"
         />
 
-        <div v-else class="chooseFile">
+        <div
+          v-else
+          class="chooseFile"
+        >
           <button
             type="button"
             class="btn role-primary"
@@ -296,7 +311,10 @@ export default {
             />
           </button>
 
-          <span :class="{ 'text-muted': !fileName }" class="ml-20">
+          <span
+            :class="{ 'text-muted': !fileName }"
+            class="ml-20"
+          >
             {{ fileName ? fileName : t('harvester.generic.noFileChosen') }}
           </span>
         </div>
diff --git a/pkg/harvester/pages/c/_cluster/brand/index.vue b/pkg/harvester/pages/c/_cluster/brand/index.vue
index a2060034..00c5ef8b 100644
--- a/pkg/harvester/pages/c/_cluster/brand/index.vue
+++ b/pkg/harvester/pages/c/_cluster/brand/index.vue
@@ -329,7 +329,10 @@ export default {
         </span>
       </div>
     </div>
-    <template  v-for="(err, i) in errors" :key="i" >
+    <template
+      v-for="(err, i) in errors"
+      :key="i"
+    >
       <Banner
         color="error"
         :label="err"
diff --git a/pkg/harvester/pages/c/_cluster/members/index.vue b/pkg/harvester/pages/c/_cluster/members/index.vue
index 073b4b26..9a1be292 100644
--- a/pkg/harvester/pages/c/_cluster/members/index.vue
+++ b/pkg/harvester/pages/c/_cluster/members/index.vue
@@ -3,9 +3,9 @@ import Members from '@pkg/components/Members';
 import { MANAGEMENT } from '@shell/config/types';
 import { PRODUCT_NAME as HARVESTER_PRODUCT } from '../../../../config/harvester';
 export default {
-  components: { Members },
+  components:   { Members },
   inheritAttrs: false,
-  computed:   {
+  computed:     {
     createLocationOverride() {
       return {
         name:   `${ HARVESTER_PRODUCT }-c-cluster-resource-create`,
@@ -20,4 +20,9 @@ export default {
 };
 </script>
 
-<template><Members :create-location-override="createLocationOverride" v-bind="$attrs" /></template>
+<template>
+  <Members
+    :create-location-override="createLocationOverride"
+    v-bind="$attrs"
+  />
+</template>
diff --git a/pkg/harvester/pages/c/_cluster/support/index.vue b/pkg/harvester/pages/c/_cluster/support/index.vue
index 3dd79da8..e98c36ad 100644
--- a/pkg/harvester/pages/c/_cluster/support/index.vue
+++ b/pkg/harvester/pages/c/_cluster/support/index.vue
@@ -95,7 +95,10 @@ export default {
     <IndentedPanel>
       <div class="content mt-20">
         <div class="promo">
-          <div v-if="showSupportBundle" class="box mb-20 box-primary">
+          <div
+            v-if="showSupportBundle"
+            class="box mb-20 box-primary"
+          >
             <h2>
               {{ t('harvester.modal.bundle.title') }}
             </h2>
@@ -112,7 +115,10 @@ export default {
               </button>
             </div>
           </div>
-          <div class="box box-primary" :class="{'mb-20': dev }">
+          <div
+            class="box box-primary"
+            :class="{'mb-20': dev }"
+          >
             <h2>
               {{ t('harvester.support.kubeconfig.title') }}
             </h2>
@@ -129,24 +135,42 @@ export default {
               </button>
             </div>
           </div>
-          <div v-if="dev" class="row">
+          <div
+            v-if="dev"
+            class="row"
+          >
             <div class="col span-6 box box-primary">
               <h2>
-                <a rel="nofollow noopener noreferrer" target="_blank" :href="rancherLink">{{ t('harvester.support.internal.rancher.title') }} <i class="icon icon-external-link" /></a>
+                <a
+                  rel="nofollow noopener noreferrer"
+                  target="_blank"
+                  :href="rancherLink"
+                >{{ t('harvester.support.internal.rancher.title') }} <i class="icon icon-external-link" /></a>
               </h2>
               <div>
                 <p class="warning">
-                  <t k="harvester.support.internal.rancher.titleDescription" :raw="true" :url="rancherIntegrationLink" />
+                  <t
+                    k="harvester.support.internal.rancher.titleDescription"
+                    :raw="true"
+                    :url="rancherIntegrationLink"
+                  />
                 </p>
               </div>
             </div>
             <div class="col span-6 box box-primary">
               <h2>
-                <a rel="nofollow noopener noreferrer" target="_blank" :href="longhornLink">{{ t('harvester.support.internal.longhorn.title') }} <i class="icon icon-external-link" /></a>
+                <a
+                  rel="nofollow noopener noreferrer"
+                  target="_blank"
+                  :href="longhornLink"
+                >{{ t('harvester.support.internal.longhorn.title') }} <i class="icon icon-external-link" /></a>
               </h2>
               <div>
                 <p class="warning">
-                  <t k="harvester.support.internal.longhorn.titleDescription" :raw="true" />
+                  <t
+                    k="harvester.support.internal.longhorn.titleDescription"
+                    :raw="true"
+                  />
                 </p>
               </div>
             </div>
@@ -156,9 +180,17 @@ export default {
           <CommunityLinks :link-options="options" />
         </div>
         <div class="external">
-          <a href="https://www.suse.com/suse-harvester/support-matrix/all-supported-versions" target="_blank" rel="noopener noreferrer nofollow">{{ t('harvester.support.community.learnMore') }} <i class="icon icon-external-link" /></a>
+          <a
+            href="https://www.suse.com/suse-harvester/support-matrix/all-supported-versions"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+          >{{ t('harvester.support.community.learnMore') }} <i class="icon icon-external-link" /></a>
           or
-          <a href="https://www.suse.com/products/harvester/" target="_blank" rel="noopener noreferrer nofollow">{{ t('harvester.support.community.pricing') }} <i class="icon icon-external-link" /></a>
+          <a
+            href="https://www.suse.com/products/harvester/"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+          >{{ t('harvester.support.community.pricing') }} <i class="icon icon-external-link" /></a>
         </div>
       </div>
     </IndentedPanel>
diff --git a/pkg/harvester/promptRemove/kubevirt.io.virtualmachine.vue b/pkg/harvester/promptRemove/kubevirt.io.virtualmachine.vue
index 3ccf18e5..ac963c58 100644
--- a/pkg/harvester/promptRemove/kubevirt.io.virtualmachine.vue
+++ b/pkg/harvester/promptRemove/kubevirt.io.virtualmachine.vue
@@ -48,7 +48,7 @@ export default {
           return;
         }
         const volumes = crd.spec.template.spec?.volumes || [];
-        const names = volumes.filter(volume => volume.persistentVolumeClaim ).map((volume) => {
+        const names = volumes.filter((volume) => volume.persistentVolumeClaim ).map((volume) => {
           if (volume.persistentVolumeClaim) {
             return volume.name;
           }
@@ -140,8 +140,16 @@ export default {
       {{ t('harvester.virtualMachine.promptRemove.title') }}
     </div>
     <div v-if="value.length === 1">
-      <span  v-for="(name, i) in removeNameArr[value[0].id]" :key="i" >
-        <label class="checkbox-container mr-15"><input v-model="checkedList" type="checkbox" :label="name" :value="name" />
+      <span
+        v-for="(name, i) in removeNameArr[value[0].id]"
+        :key="i"
+      >
+        <label class="checkbox-container mr-15"><input
+                                                  v-model="checkedList"
+                                                  type="checkbox"
+                                                  :label="name"
+                                                  :value="name"
+                                                />
           <span
             class="checkbox-custom mr-5"
             role="checkbox"
@@ -152,7 +160,10 @@ export default {
     </div>
 
     <div v-else>
-      <label class="checkbox-container mr-15"><input v-model="checkAll" type="checkbox" />
+      <label class="checkbox-container mr-15"><input
+                                                v-model="checkAll"
+                                                type="checkbox"
+                                              />
         <span
           class="checkbox-custom mr-5"
           role="checkbox"
diff --git a/pkg/harvester/routing/harvester-routing.js b/pkg/harvester/routing/harvester-routing.js
index c8a7fafd..2d79e800 100644
--- a/pkg/harvester/routing/harvester-routing.js
+++ b/pkg/harvester/routing/harvester-routing.js
@@ -86,4 +86,4 @@ const routes = [
 
 ];
 
-export default routes;
\ No newline at end of file
+export default routes;
diff --git a/pkg/harvester/validators/setting.js b/pkg/harvester/validators/setting.js
index 9799ba1c..ae08b794 100644
--- a/pkg/harvester/validators/setting.js
+++ b/pkg/harvester/validators/setting.js
@@ -53,7 +53,7 @@ export function ntpServers(value, getters, errors, validatorArgs) {
     errors.push(t('harvester.setting.ntpServers.isDuplicate'));
   }
 
-  if (ntpServers.find(V => !ipv4Regex.test(V) && !hostRegex.test(V))) {
+  if (ntpServers.find((V) => !ipv4Regex.test(V) && !hostRegex.test(V))) {
     errors.push(t('harvester.setting.ntpServers.isNotIPV4'));
   }
 
diff --git a/pkg/harvester/validators/vm.js b/pkg/harvester/validators/vm.js
index 7dd7b44a..e3c5378a 100644
--- a/pkg/harvester/validators/vm.js
+++ b/pkg/harvester/validators/vm.js
@@ -11,7 +11,7 @@ export function vmNetworks(spec, getters, errors, validatorArgs) {
   const networkNames = [];
 
   interfaces.map( (I, index) => {
-    const N = networks.find( N => I.name === N.name);
+    const N = networks.find( (N) => I.name === N.name);
     const prefix = (I.name || N.name) || `Network ${ index + 1 }`;
 
     const type = getters['i18n/t']('harvester.fields.network');
@@ -112,7 +112,7 @@ export function vmDisks(spec, getters, errors, validatorArgs, displayKey, value)
       const allPVCs = getters['harvester/all'](PVC);
 
       const selectedVolumeName = V?.persistentVolumeClaim?.claimName;
-      const hasExistingVolume = allPVCs.find(P => P.id === `${ value.metadata.namespace }/${ selectedVolumeName }`);
+      const hasExistingVolume = allPVCs.find((P) => P.id === `${ value.metadata.namespace }/${ selectedVolumeName }`);
 
       if (!hasExistingVolume && selectedVolumeName) { // selected volume may have been deleted. e.g: use template
         const type = getters['i18n/t']('harvester.fields.volume');
@@ -151,7 +151,7 @@ function getVolumeType(getters, V, DVTS, value) {
 
   if (V.persistentVolumeClaim) {
     const selectedVolumeName = V?.persistentVolumeClaim?.claimName;
-    const hasExistingVolume = allPVCs.find(P => P.id === `${ value.metadata.namespace }/${ selectedVolumeName }`);
+    const hasExistingVolume = allPVCs.find((P) => P.id === `${ value.metadata.namespace }/${ selectedVolumeName }`);
 
     if (hasExistingVolume) {
       // In other cases, claimName will not be empty, so we can judge whether this is an exiting volume based on this attribute
@@ -173,7 +173,7 @@ function getVolumeType(getters, V, DVTS, value) {
     }
 
     // new type
-    outValue = DVTS.find(DVT => V.persistentVolumeClaim.claimName === DVT.metadata.name);
+    outValue = DVTS.find((DVT) => V.persistentVolumeClaim.claimName === DVT.metadata.name);
 
     if (outValue) {
       return {
@@ -195,7 +195,7 @@ function getVolumeType(getters, V, DVTS, value) {
 
 function validName(getters, errors, name, names = [], prefix, type, lowerType, upperType) {
   // Verify that the name is duplicate
-  if (names.findIndex( N => name === N) !== -1) {
+  if (names.findIndex( (N) => name === N) !== -1) {
     errors.push(getters['i18n/t']('harvester.validation.vm.duplicatedName', { type, name }));
   }