@rancher/shell 0.2.2 → 0.2.4

package/edit/networking.k8s.io.networkpolicy/PolicyRule.vue

@@ -53,9 +53,17 @@ export default {
       <div class="col span-12">
         <h2>
           {{ t(`networkpolicy.${type}.ruleLabel`) }}
-          <i v-tooltip="t(`networkpolicy.${type}.ruleHint`)" class="icon icon-info" />
+          <i
+            v-tooltip="t(`networkpolicy.${type}.ruleHint`)"
+            class="icon icon-info"
+          />
         </h2>
-        <ArrayListGrouped v-model="value[targetKey]" :add-label="t(`networkpolicy.rules.${type}.add`)" :default-add-value="{}" :mode="mode">
+        <ArrayListGrouped
+          v-model="value[targetKey]"
+          :add-label="t(`networkpolicy.rules.${type}.add`)"
+          :default-add-value="{}"
+          :mode="mode"
+        >
           <template #default="props">
             <PolicyRuleTarget
               ref="lastTarget"
@@ -74,9 +82,17 @@ export default {
       <div class="col span-12">
         <h2>
           {{ t('networkpolicy.rules.ports.label') }}
-          <i v-tooltip="t(`networkpolicy.${type}.portHint`)" class="icon icon-info" />
+          <i
+            v-tooltip="t(`networkpolicy.${type}.portHint`)"
+            class="icon icon-info"
+          />
         </h2>
-        <ArrayListGrouped v-model="value.ports" :add-label="t('networkpolicy.rules.addPort')" :default-add-value="{}" :mode="mode">
+        <ArrayListGrouped
+          v-model="value.ports"
+          :add-label="t('networkpolicy.rules.addPort')"
+          :default-add-value="{}"
+          :mode="mode"
+        >
           <template #default="props">
             <PolicyRulePort
               ref="lastPort"

package/edit/networking.k8s.io.networkpolicy/PolicyRuleTarget.vue

@@ -216,7 +216,10 @@ export default {
           />
         </div>
       </div>
-      <div v-if="invalidCidr" class="row">
+      <div
+        v-if="invalidCidr"
+        class="row"
+      >
         <div class="col span-12">
           <Banner color="error">
             <t k="networkpolicy.rules.ipBlock.invalidCidr" />
@@ -235,7 +238,10 @@ export default {
           />
         </div>
       </div>
-      <div v-if="invalidCidrs.length" class="row mb-10">
+      <div
+        v-if="invalidCidrs.length"
+        class="row mb-10"
+      >
         <div class="col span-12">
           <Banner color="error">
             <t k="networkpolicy.rules.ipBlock.invalidExceptionCidrs" />{{ invalidCidrs.join(', ') }}

package/edit/networking.k8s.io.networkpolicy/index.vue

@@ -184,11 +184,21 @@ export default {
     <div class="row mb-40">
       <div class="col span-12">
         <Tabbed :side-tabs="true">
-          <Tab name="ingress" label-key="networkpolicy.ingress.label" :show-header="false" :weight="3">
+          <Tab
+            name="ingress"
+            label-key="networkpolicy.ingress.label"
+            :show-header="false"
+            :weight="3"
+          >
             <h2 class="">
               {{ t('networkpolicy.ingress.label') }}
             </h2>
-            <Checkbox v-model="hasIngressPolicies" class="mt-20 mb-10" :mode="mode" :label="t('networkpolicy.ingress.enable')" />
+            <Checkbox
+              v-model="hasIngressPolicies"
+              class="mt-20 mb-10"
+              :mode="mode"
+              :label="t('networkpolicy.ingress.enable')"
+            />
             <PolicyRules
               v-if="hasIngressPolicies"
               v-model="value"
@@ -196,13 +206,23 @@ export default {
               :mode="mode"
               :all-namespaces="allNamespaces"
               :all-pods="allPods"
-            ></PolicyRules>
+            />
           </Tab>
-          <Tab name="egress" label-key="networkpolicy.egress.label" :show-header="false" :weight="2">
+          <Tab
+            name="egress"
+            label-key="networkpolicy.egress.label"
+            :show-header="false"
+            :weight="2"
+          >
             <h2>
               {{ t('networkpolicy.egress.label') }}
             </h2>
-            <Checkbox v-model="hasEgressPolicies" class="mt-20 mb-10" :mode="mode" :label="t('networkpolicy.egress.enable')" />
+            <Checkbox
+              v-model="hasEgressPolicies"
+              class="mt-20 mb-10"
+              :mode="mode"
+              :label="t('networkpolicy.egress.enable')"
+            />
             <PolicyRules
               v-if="hasEgressPolicies"
               v-model="value"
@@ -210,12 +230,20 @@ export default {
               :mode="mode"
               :all-namespaces="allNamespaces"
               :all-pods="allPods"
-            ></PolicyRules>
+            />
           </Tab>
-          <Tab name="selectors" label-key="networkpolicy.selectors.label" :show-header="false" :weight="1">
+          <Tab
+            name="selectors"
+            label-key="networkpolicy.selectors.label"
+            :show-header="false"
+            :weight="1"
+          >
             <h2>
               {{ t('networkpolicy.selectors.label') }}
-              <i v-tooltip="t('networkpolicy.selectors.hint')" class="icon icon-info" />
+              <i
+                v-tooltip="t('networkpolicy.selectors.hint')"
+                class="icon icon-info"
+              />
             </h2>
             <div class="row">
               <div class="col span-12">

package/edit/node.vue

@@ -45,9 +45,19 @@ export default {
       :namespaced="false"
       :mode="mode"
     />
-    <ResourceTabs v-model="value" :mode="mode">
-      <Tab name="taints" :label="t('node.detail.tab.taints')" :weight="0">
-        <Taints v-model="value.spec.taints" :mode="mode" />
+    <ResourceTabs
+      v-model="value"
+      :mode="mode"
+    >
+      <Tab
+        name="taints"
+        :label="t('node.detail.tab.taints')"
+        :weight="0"
+      >
+        <Taints
+          v-model="value.spec.taints"
+          :mode="mode"
+        />
       </Tab>
       <Tab
         name="labels-and-annotations"

package/edit/persistentvolume/index.vue

@@ -240,7 +240,10 @@ export default {
         </div>
         <div class="col span-6 text-center">
           <label class="text-muted">Age:</label>&nbsp;
-          <LiveDate class="live-date" :value="value.metadata.creationTimestamp" />
+          <LiveDate
+            class="live-date"
+            :value="value.metadata.creationTimestamp"
+          />
         </div>
       </div>
     </InfoBox>
@@ -271,8 +274,17 @@ export default {
       </div>
     </div>
     <Tabbed :side-tabs="true">
-      <Tab name="plugin-configuration" :label="t('persistentVolume.pluginConfiguration.label')" :weight="1">
-        <component :is="getComponent(plugin)" :key="plugin" :value="value" :mode="modeOverride" />
+      <Tab
+        name="plugin-configuration"
+        :label="t('persistentVolume.pluginConfiguration.label')"
+        :weight="1"
+      >
+        <component
+          :is="getComponent(plugin)"
+          :key="plugin"
+          :value="value"
+          :mode="modeOverride"
+        />
       </Tab>
       <Tab
         name="customize"
@@ -282,9 +294,27 @@ export default {
         <div class="row mb-20">
           <div class="col span-6">
             <h3>{{ t('persistentVolume.customize.accessModes.label') }}</h3>
-            <div><Checkbox v-model="readWriteOnce" :label="t('persistentVolume.customize.accessModes.readWriteOnce')" :mode="mode" /></div>
-            <div><Checkbox v-model="readOnlyMany" :label="t('persistentVolume.customize.accessModes.readOnlyMany')" :mode="mode" /></div>
-            <div><Checkbox v-model="readWriteMany" :label="t('persistentVolume.customize.accessModes.readWriteMany')" :mode="mode" /></div>
+            <div>
+              <Checkbox
+                v-model="readWriteOnce"
+                :label="t('persistentVolume.customize.accessModes.readWriteOnce')"
+                :mode="mode"
+              />
+            </div>
+            <div>
+              <Checkbox
+                v-model="readOnlyMany"
+                :label="t('persistentVolume.customize.accessModes.readOnlyMany')"
+                :mode="mode"
+              />
+            </div>
+            <div>
+              <Checkbox
+                v-model="readWriteMany"
+                :label="t('persistentVolume.customize.accessModes.readWriteMany')"
+                :mode="mode"
+              />
+            </div>
           </div>
           <div class="col span-6">
             <ArrayList
@@ -307,8 +337,18 @@ export default {
         </div>
         <div class="row">
           <div class="col span-12">
-            <h3>{{ t('persistentVolume.customize.affinity.label') }} <span v-if="areNodeSelectorsRequired" class="required text-small">*</span></h3>
-            <ArrayListGrouped v-model="nodeSelectorTerms" :mode="modeOverride" :default-add-value="{matchExpressions:[]}" :add-label="t('workload.scheduling.affinity.addNodeSelector')">
+            <h3>
+              {{ t('persistentVolume.customize.affinity.label') }} <span
+                v-if="areNodeSelectorsRequired"
+                class="required text-small"
+              >*</span>
+            </h3>
+            <ArrayListGrouped
+              v-model="nodeSelectorTerms"
+              :mode="modeOverride"
+              :default-add-value="{matchExpressions:[]}"
+              :add-label="t('workload.scheduling.affinity.addNodeSelector')"
+            >
               <template #default="props">
                 <MatchExpressions
                   v-model="props.row.value.matchExpressions"

package/edit/persistentvolume/plugins/awsElasticBlockStore.vue

@@ -49,15 +49,31 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.awsElasticBlockStore.volumeID" :mode="mode" :label="t('persistentVolume.awsElasticBlockStore.volumeId.label')" :placeholder="t('persistentVolume.awsElasticBlockStore.volumeId.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.awsElasticBlockStore.volumeID"
+          :mode="mode"
+          :label="t('persistentVolume.awsElasticBlockStore.volumeId.label')"
+          :placeholder="t('persistentVolume.awsElasticBlockStore.volumeId.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="partition" :mode="mode" :label="t('persistentVolume.shared.partition.label')" :placeholder="t('persistentVolume.shared.partition.placeholder')" type="number" />
+        <LabeledInput
+          v-model="partition"
+          :mode="mode"
+          :label="t('persistentVolume.shared.partition.label')"
+          :placeholder="t('persistentVolume.shared.partition.placeholder')"
+          type="number"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.awsElasticBlockStore.fsType" :mode="mode" :label="t('persistentVolume.shared.filesystemType.label')" :placeholder="t('persistentVolume.shared.filesystemType.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.awsElasticBlockStore.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        />
       </div>
       <div class="col span-6">
         <RadioGroup

package/edit/persistentvolume/plugins/azureDisk.vue

@@ -72,10 +72,22 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureDisk.diskName" :required="true" :mode="mode" :label="t('persistentVolume.azureDisk.diskName.label')" :placeholder="t('persistentVolume.azureDisk.diskName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureDisk.diskName"
+          :required="true"
+          :mode="mode"
+          :label="t('persistentVolume.azureDisk.diskName.label')"
+          :placeholder="t('persistentVolume.azureDisk.diskName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureDisk.diskURI" :required="true" :mode="mode" :label="t('persistentVolume.azureDisk.diskURI.label')" :placeholder="t('persistentVolume.azureDisk.diskURI.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureDisk.diskURI"
+          :required="true"
+          :mode="mode"
+          :label="t('persistentVolume.azureDisk.diskURI.label')"
+          :placeholder="t('persistentVolume.azureDisk.diskURI.placeholder')"
+        />
       </div>
     </div>
 
@@ -102,7 +114,12 @@ export default {
 
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureDisk.fsType" :mode="mode" :label="t('persistentVolume.shared.filesystemType.label')" :placeholder="t('persistentVolume.shared.filesystemType.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureDisk.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        />
       </div>
       <div class="col span-6">
         <RadioGroup

package/edit/persistentvolume/plugins/azureFile.vue

@@ -38,15 +38,30 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureFile.shareName" :mode="mode" :label="t('persistentVolume.azureFile.shareName.label')" :placeholder="t('persistentVolume.azureFile.shareName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureFile.shareName"
+          :mode="mode"
+          :label="t('persistentVolume.azureFile.shareName.label')"
+          :placeholder="t('persistentVolume.azureFile.shareName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureFile.secretName" :mode="mode" :label="t('persistentVolume.shared.secretName.label')" :placeholder="t('persistentVolume.shared.secretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureFile.secretName"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretName.label')"
+          :placeholder="t('persistentVolume.shared.secretName.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.azureFile.secretNamespace" :mode="mode" :label="t('persistentVolume.shared.secretNamespace.label')" :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.azureFile.secretNamespace"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretNamespace.label')"
+          :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
+        />
       </div>
       <div class="col span-6">
         <RadioGroup

package/edit/persistentvolume/plugins/cephfs.vue

@@ -42,23 +42,48 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cephfs.path" :mode="mode" :label="t('persistentVolume.cephfs.path.label')" :placeholder="t('persistentVolume.cephfs.path.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cephfs.path"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.path.label')"
+          :placeholder="t('persistentVolume.cephfs.path.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cephfs.user" :mode="mode" :label="t('persistentVolume.cephfs.user.label')" :placeholder="t('persistentVolume.cephfs.user.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cephfs.user"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.user.label')"
+          :placeholder="t('persistentVolume.cephfs.user.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cephfs.secretFile" :mode="mode" :label="t('persistentVolume.cephfs.secretFile.label')" :placeholder="t('persistentVolume.cephfs.secretFile.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cephfs.secretFile"
+          :mode="mode"
+          :label="t('persistentVolume.cephfs.secretFile.label')"
+          :placeholder="t('persistentVolume.cephfs.secretFile.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cephfs.secretRef.name" :mode="mode" :label="t('persistentVolume.shared.secretName.label')" :placeholder="t('persistentVolume.shared.secretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cephfs.secretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretName.label')"
+          :placeholder="t('persistentVolume.shared.secretName.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cephfs.secretRef.namespace" :mode="mode" :label="t('persistentVolume.shared.secretNamespace.label')" :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cephfs.secretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretNamespace.label')"
+          :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
@@ -73,7 +98,11 @@ export default {
         />
       </div>
       <div class="col span-6">
-        <ArrayList v-model="value.spec.cephfs.monitors" :add-label="t('persistentVolume.shared.monitors.add')" :mode="mode" />
+        <ArrayList
+          v-model="value.spec.cephfs.monitors"
+          :add-label="t('persistentVolume.shared.monitors.add')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/persistentvolume/plugins/cinder.vue

@@ -39,18 +39,38 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cinder.volumeID" :mode="mode" :label="t('persistentVolume.cinder.volumeId.label')" :placeholder="t('persistentVolume.cinder.volumeId.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cinder.volumeID"
+          :mode="mode"
+          :label="t('persistentVolume.cinder.volumeId.label')"
+          :placeholder="t('persistentVolume.cinder.volumeId.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cinder.fsType" :mode="mode" :label="t('persistentVolume.shared.filesystemType.label')" :placeholder="t('persistentVolume.shared.filesystemType.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cinder.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cinder.secretRef.name" :mode="mode" :label="t('persistentVolume.shared.secretName.label')" :placeholder="t('persistentVolume.shared.secretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cinder.secretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretName.label')"
+          :placeholder="t('persistentVolume.shared.secretName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.cinder.secretRef.namespace" :mode="mode" :label="t('persistentVolume.shared.secretNamespace.label')" :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.cinder.secretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.shared.secretNamespace.label')"
+          :placeholder="t('persistentVolume.shared.secretNamespace.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">

package/edit/persistentvolume/plugins/csi.vue

@@ -45,15 +45,30 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.driver" :mode="mode" :label="t('persistentVolume.csi.driver.label')" :placeholder="t('persistentVolume.csi.driver.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.driver"
+          :mode="mode"
+          :label="t('persistentVolume.csi.driver.label')"
+          :placeholder="t('persistentVolume.csi.driver.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.fsType" :mode="mode" :label="t('persistentVolume.shared.filesystemType.label')" :placeholder="t('persistentVolume.shared.filesystemType.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.volumeHandle" :mode="mode" :label="t('persistentVolume.csi.volumeHandle.label')" :placeholder="t('persistentVolume.csi.volumeHandle.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.volumeHandle"
+          :mode="mode"
+          :label="t('persistentVolume.csi.volumeHandle.label')"
+          :placeholder="t('persistentVolume.csi.volumeHandle.placeholder')"
+        />
       </div>
       <div class="col span-6">
         <RadioGroup
@@ -68,39 +83,84 @@ export default {
     </div>
     <div class="row mb-20">
       <div class="col span-12">
-        <KeyValue v-model="value.spec.csi.volumeAttributes" :add-label="t('persistentVolume.csi.volumeAttributes.add')" :mode="mode" :read-allowed="false" />
+        <KeyValue
+          v-model="value.spec.csi.volumeAttributes"
+          :add-label="t('persistentVolume.csi.volumeAttributes.add')"
+          :mode="mode"
+          :read-allowed="false"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.nodePublishSecretRef.name" :mode="mode" :label="t('persistentVolume.csi.nodePublishSecretName.label')" :placeholder="t('persistentVolume.csi.nodePublishSecretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.nodePublishSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodePublishSecretName.label')"
+          :placeholder="t('persistentVolume.csi.nodePublishSecretName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.nodePublishSecretRef.namespace" :mode="mode" :label="t('persistentVolume.csi.nodePublishSecretNamespace.label')" :placeholder="t('persistentVolume.csi.nodePublishSecretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.nodePublishSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodePublishSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.nodePublishSecretNamespace.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.nodeStageSecretRef.name" :mode="mode" :label="t('persistentVolume.csi.nodeStageSecretName.label')" :placeholder="t('persistentVolume.csi.nodeStageSecretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.nodeStageSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodeStageSecretName.label')"
+          :placeholder="t('persistentVolume.csi.nodeStageSecretName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.nodeStageSecretRef.namespace" :mode="mode" :label="t('persistentVolume.csi.nodeStageSecretNamespace.label')" :placeholder="t('persistentVolume.csi.nodeStageSecretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.nodeStageSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.nodeStageSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.nodeStageSecretNamespace.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.controllerExpandSecretRef.name" :mode="mode" :label="t('persistentVolume.csi.controllerExpandSecretName.label')" :placeholder="t('persistentVolume.csi.controllerExpandSecretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.controllerExpandSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerExpandSecretName.label')"
+          :placeholder="t('persistentVolume.csi.controllerExpandSecretName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.controllerExpandSecretRef.namespace" :mode="mode" :label="t('persistentVolume.csi.controllerExpandSecretNamespace.label')" :placeholder="t('persistentVolume.csi.controllerExpandSecretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.controllerExpandSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerExpandSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.controllerExpandSecretNamespace.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.controllerPublishSecretRef.name" :mode="mode" :label="t('persistentVolume.csi.controllerPublishSecretName.label')" :placeholder="t('persistentVolume.csi.controllerPublishSecretName.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.controllerPublishSecretRef.name"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerPublishSecretName.label')"
+          :placeholder="t('persistentVolume.csi.controllerPublishSecretName.placeholder')"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.csi.controllerPublishSecretRef.namespace" :mode="mode" :label="t('persistentVolume.csi.controllerPublishSecretNamespace.label')" :placeholder="t('persistentVolume.csi.controllerPublishSecretNamespace.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.csi.controllerPublishSecretRef.namespace"
+          :mode="mode"
+          :label="t('persistentVolume.csi.controllerPublishSecretNamespace.label')"
+          :placeholder="t('persistentVolume.csi.controllerPublishSecretNamespace.placeholder')"
+        />
       </div>
     </div>
   </div>

package/edit/persistentvolume/plugins/fc.vue

@@ -52,18 +52,37 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <ArrayList v-model="value.spec.fc.targetWWNs" :add-label="t('persistentVolume.fc.targetWWNS.add')" :mode="mode" />
+        <ArrayList
+          v-model="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" :add-label="t('persistentVolume.fc.wwids.add')" :mode="mode" />
+        <ArrayList
+          v-model="value.spec.fc.wwids"
+          :add-label="t('persistentVolume.fc.wwids.add')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="lun" :mode="mode" :label="t('persistentVolume.fc.lun.label')" :placeholder="t('persistentVolume.fc.lun.placeholder')" type="number" />
+        <LabeledInput
+          v-model="lun"
+          :mode="mode"
+          :label="t('persistentVolume.fc.lun.label')"
+          :placeholder="t('persistentVolume.fc.lun.placeholder')"
+          type="number"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="value.spec.fc.fsType" :mode="mode" :label="t('persistentVolume.shared.filesystemType.label')" :placeholder="t('persistentVolume.shared.filesystemType.placeholder')" />
+        <LabeledInput
+          v-model="value.spec.fc.fsType"
+          :mode="mode"
+          :label="t('persistentVolume.shared.filesystemType.label')"
+          :placeholder="t('persistentVolume.shared.filesystemType.placeholder')"
+        />
       </div>
     </div>
     <div class="row mb-20">