@rancher/shell 2.0.1 → 3.0.0-rc.2

package/edit/persistentvolume/plugins/csi.vue

@@ -47,12 +47,12 @@ export default {
       }
     ];
 
-    this.$set(this.value.spec, 'csi', this.value.spec.csi || {});
-    this.$set(this.value.spec.csi, 'readOnly', this.value.spec.csi.readOnly || false);
-    this.$set(this.value.spec.csi, 'nodePublishSecretRef', this.value.spec.csi.nodePublishSecretRef || {});
-    this.$set(this.value.spec.csi, 'nodeStageSecretRef', this.value.spec.csi.nodeStageSecretRef || {});
-    this.$set(this.value.spec.csi, 'controllerExpandSecretRef', this.value.spec.csi.controllerExpandSecretRef || {});
-    this.$set(this.value.spec.csi, 'controllerPublishSecretRef', this.value.spec.csi.controllerPublishSecretRef || {});
+    this.value.spec['csi'] = this.value.spec.csi || {};
+    this.value.spec.csi['readOnly'] = this.value.spec.csi.readOnly || false;
+    this.value.spec.csi['nodePublishSecretRef'] = this.value.spec.csi.nodePublishSecretRef || {};
+    this.value.spec.csi['nodeStageSecretRef'] = this.value.spec.csi.nodeStageSecretRef || {};
+    this.value.spec.csi['controllerExpandSecretRef'] = this.value.spec.csi.controllerExpandSecretRef || {};
+    this.value.spec.csi['controllerPublishSecretRef'] = this.value.spec.csi.controllerPublishSecretRef || {};
 
     return {
       readOnlyOptions,
@@ -96,7 +96,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.fsType"
+          v-model:value="value.spec.csi.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -106,7 +106,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.volumeHandle"
+          v-model:value="value.spec.csi.volumeHandle"
           :mode="mode"
           :label="t('persistentVolume.csi.volumeHandle.label')"
           :placeholder="t('persistentVolume.csi.volumeHandle.placeholder')"
@@ -114,7 +114,7 @@ export default {
       </div>
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.csi.readOnly"
+          v-model:value="value.spec.csi.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"
@@ -126,7 +126,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <KeyValue
-          v-model="value.spec.csi.volumeAttributes"
+          v-model:value="value.spec.csi.volumeAttributes"
           :add-label="t('persistentVolume.csi.volumeAttributes.add')"
           :mode="mode"
           :read-allowed="false"
@@ -136,7 +136,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.nodePublishSecretRef.name"
+          v-model:value="value.spec.csi.nodePublishSecretRef.name"
           :mode="mode"
           :label="t('persistentVolume.csi.nodePublishSecretName.label')"
           :placeholder="t('persistentVolume.csi.nodePublishSecretName.placeholder')"
@@ -144,7 +144,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.nodePublishSecretRef.namespace"
+          v-model:value="value.spec.csi.nodePublishSecretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.csi.nodePublishSecretNamespace.label')"
           :placeholder="t('persistentVolume.csi.nodePublishSecretNamespace.placeholder')"
@@ -154,7 +154,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.nodeStageSecretRef.name"
+          v-model:value="value.spec.csi.nodeStageSecretRef.name"
           :mode="mode"
           :label="t('persistentVolume.csi.nodeStageSecretName.label')"
           :placeholder="t('persistentVolume.csi.nodeStageSecretName.placeholder')"
@@ -162,7 +162,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.nodeStageSecretRef.namespace"
+          v-model:value="value.spec.csi.nodeStageSecretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.csi.nodeStageSecretNamespace.label')"
           :placeholder="t('persistentVolume.csi.nodeStageSecretNamespace.placeholder')"
@@ -172,7 +172,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.controllerExpandSecretRef.name"
+          v-model:value="value.spec.csi.controllerExpandSecretRef.name"
           :mode="mode"
           :label="t('persistentVolume.csi.controllerExpandSecretName.label')"
           :placeholder="t('persistentVolume.csi.controllerExpandSecretName.placeholder')"
@@ -180,7 +180,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.controllerExpandSecretRef.namespace"
+          v-model:value="value.spec.csi.controllerExpandSecretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.csi.controllerExpandSecretNamespace.label')"
           :placeholder="t('persistentVolume.csi.controllerExpandSecretNamespace.placeholder')"
@@ -190,7 +190,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.controllerPublishSecretRef.name"
+          v-model:value="value.spec.csi.controllerPublishSecretRef.name"
           :mode="mode"
           :label="t('persistentVolume.csi.controllerPublishSecretName.label')"
           :placeholder="t('persistentVolume.csi.controllerPublishSecretName.placeholder')"
@@ -198,7 +198,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.controllerPublishSecretRef.namespace"
+          v-model:value="value.spec.csi.controllerPublishSecretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.csi.controllerPublishSecretNamespace.label')"
           :placeholder="t('persistentVolume.csi.controllerPublishSecretNamespace.placeholder')"

package/edit/persistentvolume/plugins/fc.vue

@@ -29,9 +29,9 @@ export default {
       }
     ];
 
-    this.$set(this.value.spec, 'fc', this.value.spec.fc || {});
-    this.$set(this.value.spec.fc, 'readOnly', this.value.spec.fc.readOnly || false);
-    this.$set(this.value.spec.fc, 'secretRef', this.value.spec.fc.secretRef || {});
+    this.value.spec['fc'] = this.value.spec.fc || {};
+    this.value.spec.fc['readOnly'] = this.value.spec.fc.readOnly || false;
+    this.value.spec.fc['secretRef'] = this.value.spec.fc.secretRef || {};
 
     return { readOnlyOptions };
   },
@@ -41,7 +41,7 @@ export default {
         return this.value.spec.fc.lun;
       },
       set(value) {
-        this.$set(this.value.spec.fc, 'lun', Number.parseInt(value, 10));
+        this.value.spec.fc['lun'] = Number.parseInt(value, 10);
       }
     }
   }
@@ -53,14 +53,14 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <ArrayList
-          v-model="value.spec.fc.targetWWNs"
+          v-model:value="value.spec.fc.targetWWNs"
           :add-label="t('persistentVolume.fc.targetWWNS.add')"
           :mode="mode"
         />
       </div>
       <div class="col span-6">
         <ArrayList
-          v-model="value.spec.fc.wwids"
+          v-model:value="value.spec.fc.wwids"
           :add-label="t('persistentVolume.fc.wwids.add')"
           :mode="mode"
         />
@@ -69,7 +69,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="lun"
+          v-model:value="lun"
           :mode="mode"
           :label="t('persistentVolume.fc.lun.label')"
           :placeholder="t('persistentVolume.fc.lun.placeholder')"
@@ -78,7 +78,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.fc.fsType"
+          v-model:value="value.spec.fc.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -88,7 +88,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.fc.readOnly"
+          v-model:value="value.spec.fc.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"

package/edit/persistentvolume/plugins/flexVolume.vue

@@ -29,9 +29,9 @@ export default {
       }
     ];
 
-    this.$set(this.value.spec, 'flexVolume', this.value.spec.flexVolume || {});
-    this.$set(this.value.spec.flexVolume, 'readOnly', this.value.spec.flexVolume.readOnly || false);
-    this.$set(this.value.spec.flexVolume, 'secretRef', this.value.spec.flexVolume.secretRef || {});
+    this.value.spec['flexVolume'] = this.value.spec.flexVolume || {};
+    this.value.spec.flexVolume['readOnly'] = this.value.spec.flexVolume.readOnly || false;
+    this.value.spec.flexVolume['secretRef'] = this.value.spec.flexVolume.secretRef || {};
 
     return { readOnlyOptions };
   },
@@ -43,7 +43,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flexVolume.driver"
+          v-model:value="value.spec.flexVolume.driver"
           :mode="mode"
           :label="t('persistentVolume.flexVolume.driver.label')"
           :placeholder="t('persistentVolume.flexVolume.driver.placeholder')"
@@ -53,7 +53,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flexVolume.secretRef.name"
+          v-model:value="value.spec.flexVolume.secretRef.name"
           :mode="mode"
           :label="t('persistentVolume.shared.secretName.label')"
           :placeholder="t('persistentVolume.shared.secretName.placeholder')"
@@ -61,7 +61,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flexVolume.secretRef.namespace"
+          v-model:value="value.spec.flexVolume.secretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.shared.secretNamespace.label')"
           :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
@@ -71,7 +71,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flexVolume.fsType"
+          v-model:value="value.spec.flexVolume.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -79,7 +79,7 @@ export default {
       </div>
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.flexVolume.readOnly"
+          v-model:value="value.spec.flexVolume.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"
@@ -91,7 +91,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <KeyValue
-          v-model="value.spec.flexVolume.options"
+          v-model:value="value.spec.flexVolume.options"
           :add-label="t('persistentVolume.flexVolume.options.add')"
           :mode="mode"
           :read-allowed="false"

package/edit/persistentvolume/plugins/flocker.vue

@@ -14,7 +14,7 @@ export default {
     },
   },
   data() {
-    this.$set(this.value.spec, 'flocker', this.value.spec.flocker || {});
+    this.value.spec['flocker'] = this.value.spec.flocker || {};
 
     return {};
   },
@@ -26,7 +26,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flocker.datasetName"
+          v-model:value="value.spec.flocker.datasetName"
           :mode="mode"
           :label="t('persistentVolume.flocker.datasetName.label')"
           :placeholder="t('persistentVolume.flocker.datasetName.placeholder')"
@@ -34,7 +34,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.flocker.datasetUUID"
+          v-model:value="value.spec.flocker.datasetUUID"
           :mode="mode"
           :label="t('persistentVolume.flocker.datasetUUID.label')"
           :placeholder="t('persistentVolume.flocker.datasetUUID.placeholder')"

package/edit/persistentvolume/plugins/gcePersistentDisk.vue

@@ -15,9 +15,9 @@ export default {
     },
   },
   data() {
-    this.$set(this.value.spec, 'gcePersistentDisk', this.value.spec.gcePersistentDisk || {});
-    this.$set(this.value.spec.gcePersistentDisk, 'readOnly', this.value.spec.gcePersistentDisk.readOnly || false);
-    this.$set(this.value.spec.gcePersistentDisk, 'partition', this.value.spec.gcePersistentDisk.partition || 0);
+    this.value.spec['gcePersistentDisk'] = this.value.spec.gcePersistentDisk || {};
+    this.value.spec.gcePersistentDisk['readOnly'] = this.value.spec.gcePersistentDisk.readOnly || false;
+    this.value.spec.gcePersistentDisk['partition'] = this.value.spec.gcePersistentDisk.partition || 0;
 
     const readOnlyOptions = [
       {
@@ -38,7 +38,7 @@ export default {
         return this.value.spec.gcePersistentDisk.partition;
       },
       set(value) {
-        this.$set(this.value.spec.gcePersistentDisk, 'partition', Number.parseInt(value, 10));
+        this.value.spec.gcePersistentDisk['partition'] = Number.parseInt(value, 10);
       }
     }
   }
@@ -50,7 +50,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.gcePersistentDisk.pdName"
+          v-model:value="value.spec.gcePersistentDisk.pdName"
           :mode="mode"
           :label="t('persistentVolume.gcePersistentDisk.persistentDiskName.label')"
           :placeholder="t('persistentVolume.gcePersistentDisk.persistentDiskName.placeholder')"
@@ -58,7 +58,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="partition"
+          v-model:value="partition"
           :mode="mode"
           :label="t('persistentVolume.shared.partition.label')"
           :placeholder="t('persistentVolume.azureFile.secretName.placeholder')"
@@ -69,7 +69,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.gcePersistentDisk.fsType"
+          v-model:value="value.spec.gcePersistentDisk.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -77,7 +77,7 @@ export default {
       </div>
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.gcePersistentDisk.readOnly"
+          v-model:value="value.spec.gcePersistentDisk.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"

package/edit/persistentvolume/plugins/glusterfs.vue

@@ -26,8 +26,8 @@ export default {
       }
     ];
 
-    this.$set(this.value.spec, 'glusterfs', this.value.spec.glusterfs || {});
-    this.$set(this.value.spec.glusterfs, 'readOnly', this.value.spec.glusterfs.readOnly || false);
+    this.value.spec['glusterfs'] = this.value.spec.glusterfs || {};
+    this.value.spec.glusterfs['readOnly'] = this.value.spec.glusterfs.readOnly || false;
 
     return { readOnlyOptions };
   },
@@ -39,7 +39,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.glusterfs.endpoints"
+          v-model:value="value.spec.glusterfs.endpoints"
           :mode="mode"
           :label="t('persistentVolume.glusterfs.endpoints.label')"
           :placeholder="t('persistentVolume.glusterfs.endpoints.placeholder')"
@@ -47,7 +47,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.glusterfs.path"
+          v-model:value="value.spec.glusterfs.path"
           :mode="mode"
           :label="t('persistentVolume.glusterfs.path.label')"
           :placeholder="t('persistentVolume.glusterfs.path.placeholder')"
@@ -57,7 +57,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.glusterfs.readOnly"
+          v-model:value="value.spec.glusterfs.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"

package/edit/persistentvolume/plugins/hostPath.vue

@@ -50,8 +50,8 @@ export default {
       },
     ];
 
-    this.$set(this.value.spec, 'hostPath', this.value.spec.hostPath || {});
-    this.$set(this.value.spec.hostPath, 'type', this.value.spec.hostPath.type || mustBeOptions[0].value);
+    this.value.spec['hostPath'] = this.value.spec.hostPath || {};
+    this.value.spec.hostPath['type'] = this.value.spec.hostPath.type || mustBeOptions[0].value;
 
     return { mustBeOptions };
   },
@@ -63,7 +63,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.hostPath.path"
+          v-model:value="value.spec.hostPath.path"
           :mode="mode"
           :label="t('persistentVolume.hostPath.pathOnTheNode.label')"
           :placeholder="t('persistentVolume.hostPath.pathOnTheNode.placeholder')"
@@ -71,7 +71,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledSelect
-          v-model="value.spec.hostPath.type"
+          v-model:value="value.spec.hostPath.type"
           :mode="mode"
           :label="t('persistentVolume.hostPath.mustBe.label')"
           :options="mustBeOptions"

package/edit/persistentvolume/plugins/iscsi.vue

@@ -29,11 +29,11 @@ export default {
       }
     ];
 
-    this.$set(this.value.spec, 'iscsi', this.value.spec.iscsi || {});
-    this.$set(this.value.spec.iscsi, 'readOnly', this.value.spec.iscsi.readOnly || false);
-    this.$set(this.value.spec.iscsi, 'secretRef', this.value.spec.iscsi.secretRef || {});
-    this.$set(this.value.spec.iscsi, 'chapAuthDiscovery', this.value.spec.iscsi.chapAuthDiscovery || false);
-    this.$set(this.value.spec.iscsi, 'chapAuthSession', this.value.spec.iscsi.chapAuthSession || false);
+    this.value.spec['iscsi'] = this.value.spec.iscsi || {};
+    this.value.spec.iscsi['readOnly'] = this.value.spec.iscsi.readOnly || false;
+    this.value.spec.iscsi['secretRef'] = this.value.spec.iscsi.secretRef || {};
+    this.value.spec.iscsi['chapAuthDiscovery'] = this.value.spec.iscsi.chapAuthDiscovery || false;
+    this.value.spec.iscsi['chapAuthSession'] = this.value.spec.iscsi.chapAuthSession || false;
 
     return { yesNoOptions };
   },
@@ -43,7 +43,7 @@ export default {
         return this.value.spec.iscsi.lun;
       },
       set(value) {
-        this.$set(this.value.spec.iscsi, 'lun', Number.parseInt(value, 10));
+        this.value.spec.iscsi['lun'] = Number.parseInt(value, 10);
       }
     },
   }
@@ -55,7 +55,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.initiatorName"
+          v-model:value="value.spec.iscsi.initiatorName"
           :mode="mode"
           :label="t('persistentVolume.iscsi.initiatorName.label')"
           :placeholder="t('persistentVolume.iscsi.initiatorName.placeholder')"
@@ -63,7 +63,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.iscsiInterface"
+          v-model:value="value.spec.iscsi.iscsiInterface"
           :mode="mode"
           :label="t('persistentVolume.iscsi.iscsiInterface.label')"
           :placeholder="t('persistentVolume.iscsi.iscsiInterface.placeholder')"
@@ -73,7 +73,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.iscsi.chapAuthDiscovery"
+          v-model:value="value.spec.iscsi.chapAuthDiscovery"
           name="chap-auth-discovery"
           :mode="mode"
           :label="t('persistentVolume.iscsi.chapAuthDiscovery.label')"
@@ -83,7 +83,7 @@ export default {
       </div>
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.iscsi.chapAuthSession"
+          v-model:value="value.spec.iscsi.chapAuthSession"
           name="chap-auth-session"
           :mode="mode"
           :label="t('persistentVolume.iscsi.chapAuthSession.label')"
@@ -95,7 +95,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.iqn"
+          v-model:value="value.spec.iscsi.iqn"
           :mode="mode"
           :label="t('persistentVolume.iscsi.iqn.label')"
           :placeholder="t('persistentVolume.iscsi.iqn.placeholder')"
@@ -103,7 +103,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="lun"
+          v-model:value="lun"
           :mode="mode"
           :label="t('persistentVolume.iscsi.lun.label')"
           :placeholder="t('persistentVolume.iscsi.lun.placeholder')"
@@ -114,7 +114,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.targetPortal"
+          v-model:value="value.spec.iscsi.targetPortal"
           :mode="mode"
           :label="t('persistentVolume.iscsi.targetPortal.label')"
           :placeholder="t('persistentVolume.iscsi.targetPortal.placeholder')"
@@ -122,7 +122,7 @@ export default {
       </div>
       <div class="col span-6">
         <ArrayList
-          v-model="value.spec.iscsi.portals"
+          v-model:value="value.spec.iscsi.portals"
           :mode="mode"
           :add-label="t('persistentVolume.iscsi.portals.add')"
         />
@@ -131,7 +131,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.secretRef.name"
+          v-model:value="value.spec.iscsi.secretRef.name"
           :mode="mode"
           :label="t('persistentVolume.shared.secretName.label')"
           :placeholder="t('persistentVolume.shared.secretName.placeholder')"
@@ -139,7 +139,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.secretRef.namespace"
+          v-model:value="value.spec.iscsi.secretRef.namespace"
           :mode="mode"
           :label="t('persistentVolume.shared.secretNamespace.label')"
           :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
@@ -149,7 +149,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.iscsi.fsType"
+          v-model:value="value.spec.iscsi.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -157,7 +157,7 @@ export default {
       </div>
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.iscsi.readOnly"
+          v-model:value="value.spec.iscsi.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"

package/edit/persistentvolume/plugins/local.vue

@@ -14,7 +14,7 @@ export default {
     },
   },
   data() {
-    this.$set(this.value.spec, 'local', this.value.spec.local || {});
+    this.value.spec['local'] = this.value.spec.local || {};
 
     return { };
   },
@@ -26,7 +26,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.local.path"
+          v-model:value="value.spec.local.path"
           :mode="mode"
           :label="t('persistentVolume.local.path.label')"
           :placeholder="t('persistentVolume.local.path.placeholder')"

package/edit/persistentvolume/plugins/longhorn.vue

@@ -28,10 +28,10 @@ export default {
     };
 
     if (this.mode === _CREATE) {
-      this.$set(this.value.spec, 'csi', this.value.spec.csi || {});
-      this.$set(this.value.spec.csi, 'driver', LONGHORN_DRIVER);
-      this.$set(this.value.spec.csi, 'readOnly', this.value.spec.csi.readOnly || false);
-      this.$set(this.value.spec.csi, 'volumeAttributes', this.value.spec.csi.volumeAttributes || defaultVolumeAttributes);
+      this.value.spec['csi'] = this.value.spec.csi || {};
+      this.value.spec.csi['driver'] = LONGHORN_DRIVER;
+      this.value.spec.csi['readOnly'] = this.value.spec.csi.readOnly || false;
+      this.value.spec.csi['volumeAttributes'] = this.value.spec.csi.volumeAttributes || defaultVolumeAttributes;
     }
 
     const readOnlyOptions = [
@@ -55,7 +55,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.fsType"
+          v-model:value="value.spec.csi.fsType"
           :mode="mode"
           :label="t('persistentVolume.shared.filesystemType.label')"
           :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
@@ -63,7 +63,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.csi.volumeHandle"
+          v-model:value="value.spec.csi.volumeHandle"
           :mode="mode"
           :label="t('persistentVolume.longhorn.volumeHandle.label')"
           :placeholder="t('persistentVolume.longhorn.volumeHandle.placeholder')"
@@ -74,7 +74,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.csi.readOnly"
+          v-model:value="value.spec.csi.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"
@@ -86,7 +86,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <KeyValue
-          v-model="value.spec.csi.volumeAttributes"
+          v-model:value="value.spec.csi.volumeAttributes"
           :required="true"
           :mode="mode"
           :title="t('persistentVolume.longhorn.options.label')"

package/edit/persistentvolume/plugins/nfs.vue

@@ -15,8 +15,8 @@ export default {
     },
   },
   data() {
-    this.$set(this.value.spec, 'nfs', this.value.spec.nfs || {});
-    this.$set(this.value.spec.nfs, 'readOnly', this.value.spec.nfs.readOnly || false);
+    this.value.spec['nfs'] = this.value.spec.nfs || {};
+    this.value.spec.nfs['readOnly'] = this.value.spec.nfs.readOnly || false;
 
     const readOnlyOptions = [
       {
@@ -39,7 +39,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.nfs.path"
+          v-model:value="value.spec.nfs.path"
           :mode="mode"
           :label="t('persistentVolume.nfs.path.label')"
           :placeholder="t('persistentVolume.nfs.path.placeholder')"
@@ -47,7 +47,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.spec.nfs.server"
+          v-model:value="value.spec.nfs.server"
           :mode="mode"
           :label="t('persistentVolume.nfs.server.label')"
           :placeholder="t('persistentVolume.nfs.server.placeholder')"
@@ -57,7 +57,7 @@ export default {
     <div class="row">
       <div class="col span-6">
         <RadioGroup
-          v-model="value.spec.nfs.readOnly"
+          v-model:value="value.spec.nfs.readOnly"
           name="readOnly"
           :mode="mode"
           :label="t('persistentVolume.shared.readOnly.label')"