@rancher/shell 0.2.3 → 0.2.4

package/edit/resources.cattle.io.restore.vue

@@ -187,7 +187,13 @@ export default {
   <div>
     <Loading v-if="$fetchState.pending" />
 
-    <CruResource :validation-passed="validationPassed" :done-route="doneRoute" :resource="value" :mode="mode" @finish="save">
+    <CruResource
+      :validation-passed="validationPassed"
+      :done-route="doneRoute"
+      :resource="value"
+      :mode="mode"
+      @finish="save"
+    >
       <template>
         <div>
           <div class="row mb-10">
@@ -203,9 +209,16 @@ export default {
             </div>
           </div>
           <template v-if="storageSource === 'configureS3'">
-            <S3 v-model="s3" :mode="mode" :secrets="allSecrets" />
+            <S3
+              v-model="s3"
+              :mode="mode"
+              :secrets="allSecrets"
+            />
           </template>
-          <div v-else-if="storageSource==='useBackup'" class="row mb-10">
+          <div
+            v-else-if="storageSource==='useBackup'"
+            class="row mb-10"
+          >
             <div class="col span-6">
               <LabeledSelect
                 :disabled="!availableBackups.length"
@@ -219,12 +232,21 @@ export default {
             </div>
           </div>
         </div>
-        <div class="spacer"></div>
+        <div class="spacer" />
 
         <div>
-          <div :style="{'align-items':'center'}" class="row mb-10">
+          <div
+            :style="{'align-items':'center'}"
+            class="row mb-10"
+          >
             <div class="col span-6">
-              <LabeledInput v-model="value.spec.backupFilename" :spellcheck="false" required :mode="mode" :label="t('backupRestoreOperator.backupFilename')" />
+              <LabeledInput
+                v-model="value.spec.backupFilename"
+                :spellcheck="false"
+                required
+                :mode="mode"
+                :label="t('backupRestoreOperator.backupFilename')"
+              />
             </div>
             <div class="col span-6">
               <LabeledSelect
@@ -239,18 +261,38 @@ export default {
               />
             </div>
           </div>
-          <div :style="{'align-items':'center'}" class="row">
+          <div
+            :style="{'align-items':'center'}"
+            class="row"
+          >
             <div class="col span-6">
-              <Checkbox v-model="value.spec.prune" class="mb-5" :label="t('backupRestoreOperator.prune.label')" :mode="mode">
+              <Checkbox
+                v-model="value.spec.prune"
+                class="mb-5"
+                :label="t('backupRestoreOperator.prune.label')"
+                :mode="mode"
+              >
                 <template #label>
-                  <span v-tooltip="t('backupRestoreOperator.prune.tip')" class="text-label">
+                  <span
+                    v-tooltip="t('backupRestoreOperator.prune.tip')"
+                    class="text-label"
+                  >
                     {{ t('backupRestoreOperator.prune.label') }} <i class="icon icon-info" />
                   </span>
                 </template>
               </Checkbox>
-              <UnitInput v-if="value.spec.prune" v-model="value.spec.deleteTimeoutSeconds" :suffix="t('suffix.seconds', {count: value.spec.deleteTimeoutSeconds})" :mode="mode" :label="t('backupRestoreOperator.deleteTimeout.label')">
+              <UnitInput
+                v-if="value.spec.prune"
+                v-model="value.spec.deleteTimeoutSeconds"
+                :suffix="t('suffix.seconds', {count: value.spec.deleteTimeoutSeconds})"
+                :mode="mode"
+                :label="t('backupRestoreOperator.deleteTimeout.label')"
+              >
                 <template #label>
-                  <label v-tooltip="t('backupRestoreOperator.deleteTimeout.tip')" class="has-tooltip">
+                  <label
+                    v-tooltip="t('backupRestoreOperator.deleteTimeout.tip')"
+                    class="has-tooltip"
+                  >
                     {{ t('backupRestoreOperator.deleteTimeout.label') }} <i class="icon icon-info" />
                   </label>
                 </template>

package/edit/secret/basic.vue

@@ -44,10 +44,20 @@ export default {
   <div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="username" required :label="t('secret.basic.username')" :mode="mode" />
+        <LabeledInput
+          v-model="username"
+          required
+          :label="t('secret.basic.username')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="password" :label="t('secret.basic.password')" :mode="mode" type="password" />
+        <LabeledInput
+          v-model="password"
+          :label="t('secret.basic.password')"
+          :mode="mode"
+          type="password"
+        />
       </div>
     </div>
   </div>

package/edit/secret/index.vue

@@ -324,9 +324,16 @@ export default {
       @select-type="selectType"
       @error="e=>errors = e"
     >
-      <NameNsDescription v-model="value" :mode="mode" :namespaced="!isCloud" />
+      <NameNsDescription
+        v-model="value"
+        :mode="mode"
+        :namespaced="!isCloud"
+      />
 
-      <div v-if="isCustomSecretCreate" class="row">
+      <div
+        v-if="isCustomSecretCreate"
+        class="row"
+      >
         <div class="col span-3">
           <LabeledSelect
             v-model="secretType"
@@ -354,7 +361,7 @@ export default {
         </div>
       </div>
 
-      <div class="spacer"></div>
+      <div class="spacer" />
       <component
         :is="cloudComponent"
         v-if="isCloud"
@@ -364,8 +371,16 @@ export default {
         :mode="mode"
         :hide-sensitive-data="hideSensitiveData"
       />
-      <Tabbed v-else :side-tabs="true" default-tab="data">
-        <Tab name="data" :label="dataLabel" :weight="99">
+      <Tabbed
+        v-else
+        :side-tabs="true"
+        default-tab="data"
+      >
+        <Tab
+          name="data"
+          :label="dataLabel"
+          :weight="99"
+        >
           <component
             :is="dataComponent"
             :value="value"
@@ -373,8 +388,15 @@ export default {
             :hide-sensitive-data="hideSensitiveData"
           />
         </Tab>
-        <Tab name="labels" label-key="generic.labelsAndAnnotations" :weight="-1">
-          <Labels v-model="value" :mode="mode" />
+        <Tab
+          name="labels"
+          label-key="generic.labelsAndAnnotations"
+          :weight="-1"
+        >
+          <Labels
+            v-model="value"
+            :mode="mode"
+          />
         </Tab>
       </Tabbed>
     </CruResource>

package/edit/secret/registry.vue

@@ -112,15 +112,33 @@ export default {
         />
       </div>
     </div>
-    <div v-if="needsDockerServer" class="row mb-20">
-      <LabeledInput v-model="registryUrl" required :label="t('secret.registry.domainName')" placeholder="e.g. index.docker.io" :mode="mode" />
+    <div
+      v-if="needsDockerServer"
+      class="row mb-20"
+    >
+      <LabeledInput
+        v-model="registryUrl"
+        required
+        :label="t('secret.registry.domainName')"
+        placeholder="e.g. index.docker.io"
+        :mode="mode"
+      />
     </div>
     <div class="row mb-20">
       <div class="col span-6">
-        <LabeledInput v-model="username" :label="t('secret.registry.username')" :mode="mode" />
+        <LabeledInput
+          v-model="username"
+          :label="t('secret.registry.username')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-6">
-        <LabeledInput v-model="password" :label="t('secret.registry.password')" :mode="mode" type="password" />
+        <LabeledInput
+          v-model="password"
+          :label="t('secret.registry.password')"
+          :mode="mode"
+          type="password"
+        />
       </div>
     </div>
   </div>

package/edit/secret/ssh.vue

@@ -56,7 +56,11 @@ export default {
           required
           :placeholder="t('secret.ssh.publicPlaceholder')"
         />
-        <FileSelector class="btn btn-sm bg-primary mt-10" :label="t('generic.readFromFile')" @selected="onUsernameSelected" />
+        <FileSelector
+          class="btn btn-sm bg-primary mt-10"
+          :label="t('generic.readFromFile')"
+          @selected="onUsernameSelected"
+        />
       </div>
       <div class="col span-6">
         <LabeledInput
@@ -67,7 +71,11 @@ export default {
           required
           :placeholder="t('secret.ssh.privatePlaceholder')"
         />
-        <FileSelector class="btn btn-sm bg-primary mt-10" :label="t('generic.readFromFile')" @selected="onPasswordSelected" />
+        <FileSelector
+          class="btn btn-sm bg-primary mt-10"
+          :label="t('generic.readFromFile')"
+          @selected="onPasswordSelected"
+        />
       </div>
     </div>
   </div>

package/edit/secret/tls.vue

@@ -68,7 +68,11 @@ export default {
           :mode="mode"
           :placeholder="t('secret.certificate.privateKeyPlaceholder')"
         />
-        <FileSelector class="btn btn-sm bg-primary mt-10" :label="t('generic.readFromFile')" @selected="onKeySelected" />
+        <FileSelector
+          class="btn btn-sm bg-primary mt-10"
+          :label="t('generic.readFromFile')"
+          @selected="onKeySelected"
+        />
       </div>
       <div class="col span-6">
         <LabeledInput
@@ -79,7 +83,11 @@ export default {
           :mode="mode"
           :placeholder="t('secret.certificate.certificatePlaceholder')"
         />
-        <FileSelector class="btn btn-sm bg-primary mt-10" :label="t('generic.readFromFile')" @selected="onCrtSelected" />
+        <FileSelector
+          class="btn btn-sm bg-primary mt-10"
+          :label="t('generic.readFromFile')"
+          @selected="onCrtSelected"
+        />
       </div>
     </div>
   </div>

package/edit/service.vue

@@ -410,7 +410,10 @@ export default {
         :label="t('servicesPage.ips.label')"
         :tooltip="t('servicesPage.ips.external.protip')"
       >
-        <div v-if="hasClusterIp" class="row mb-20">
+        <div
+          v-if="hasClusterIp"
+          class="row mb-20"
+        >
           <div class="col span-6">
             <LabeledInput
               v-model="value.spec.clusterIP"
@@ -424,7 +427,10 @@ export default {
             />
           </div>
         </div>
-        <div v-if="checkTypeIs('LoadBalancer')" class="row mb-20">
+        <div
+          v-if="checkTypeIs('LoadBalancer')"
+          class="row mb-20"
+        >
           <div class="col span-6">
             <LabeledInput
               v-model="value.spec.loadBalancerIP"
@@ -481,7 +487,10 @@ export default {
               :mode="mode"
             />
           </div>
-          <div v-if="showAffinityTimeout" class="col span-6">
+          <div
+            v-if="showAffinityTimeout"
+            class="col span-6"
+          >
             <UnitInput
               v-model="value.spec.sessionAffinityConfig.clientIP.timeoutSeconds"
               :suffix="

package/edit/serviceaccount.vue

@@ -102,7 +102,11 @@ export default {
     />
 
     <Tabbed :side-tabs="true">
-      <Tab name="data" :label="t('serviceAccount.tabs.serviceAccount.label')" :weight="2">
+      <Tab
+        name="data"
+        :label="t('serviceAccount.tabs.serviceAccount.label')"
+        :weight="2"
+      >
         <div class="row">
           <div class="col mt-20">
             <Checkbox
@@ -128,8 +132,7 @@ export default {
           </div>
         </div>
 
-        <div class="row mb-20">
-        </div>
+        <div class="row mb-20" />
       </Tab>
       <Tab
         name="labels-and-annotations"

package/edit/storage.k8s.io.storageclass/index.vue

@@ -156,10 +156,22 @@ export default {
       @input="updateProvisioner($event)"
     />
     <Tabbed :side-tabs="true">
-      <Tab name="parameters" :label="t('storageClass.parameters.label')" :weight="2">
-        <component :is="getComponent(value.provisioner)" :key="value.provisioner" :value="value" :mode="modeOverride" />
+      <Tab
+        name="parameters"
+        :label="t('storageClass.parameters.label')"
+        :weight="2"
+      >
+        <component
+          :is="getComponent(value.provisioner)"
+          :key="value.provisioner"
+          :value="value"
+          :mode="modeOverride"
+        />
       </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">
             <div class="row mb-20">

package/edit/storage.k8s.io.storageclass/provisioners/custom.vue

@@ -16,5 +16,10 @@ export default {
 };
 </script>
 <template>
-  <KeyValue v-model="value.parameters" :add-label="t('storageClass.custom.addLabel')" :read-allowed="false" :mode="mode" />
+  <KeyValue
+    v-model="value.parameters"
+    :add-label="t('storageClass.custom.addLabel')"
+    :read-allowed="false"
+    :mode="mode"
+  />
 </template>

package/edit/storage.k8s.io.storageclass/provisioners/driver.longhorn.io.vue

@@ -31,5 +31,10 @@ export default {
 };
 </script>
 <template>
-  <KeyValue v-model="value.parameters" :add-label="t('storageClass.longhorn.addLabel')" :read-allowed="false" :mode="mode" />
+  <KeyValue
+    v-model="value.parameters"
+    :add-label="t('storageClass.longhorn.addLabel')"
+    :read-allowed="false"
+    :mode="mode"
+  />
 </template>

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/aws-ebs.vue

@@ -121,7 +121,13 @@ export default {
           :suffix="t('storageClass.aws-ebs.volumeType.provisionedIops.suffix')"
           :mode="mode"
         />
-        <LabeledInput v-model="value.parameters.fsType" class="mt-10" :placeholder="t('storageClass.aws-ebs.filesystemType.placeholder')" :label="t('storageClass.aws-ebs.filesystemType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fsType"
+          class="mt-10"
+          :placeholder="t('storageClass.aws-ebs.filesystemType.placeholder')"
+          :label="t('storageClass.aws-ebs.filesystemType.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-20">
@@ -133,7 +139,13 @@ export default {
           :mode="mode"
           :options="availabilityZoneOptions"
         />
-        <LabeledInput v-if="availabilityZone === 'manual'" v-model="value.parameters.zones" class="mt-10" :placeholder="t('storageClass.aws-ebs.availabilityZone.placeholder')" :mode="mode" />
+        <LabeledInput
+          v-if="availabilityZone === 'manual'"
+          v-model="value.parameters.zones"
+          class="mt-10"
+          :placeholder="t('storageClass.aws-ebs.availabilityZone.placeholder')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row">
@@ -156,7 +168,12 @@ export default {
           :mode="mode"
           :options="keyIdOptions"
         />
-        <LabeledInput v-if="keyId === 'manual'" v-model="value.parameters.kmsKeyId" class="mt-10" :mode="mode" />
+        <LabeledInput
+          v-if="keyId === 'manual'"
+          v-model="value.parameters.kmsKeyId"
+          class="mt-10"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/azure-disk.vue

@@ -49,10 +49,20 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.storageaccounttype" :placeholder="t('storageClass.azure-disk.storageAccountType.placeholder')" :label="t('storageClass.azure-disk.storageAccountType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.storageaccounttype"
+          :placeholder="t('storageClass.azure-disk.storageAccountType.placeholder')"
+          :label="t('storageClass.azure-disk.storageAccountType.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledSelect v-model="value.parameters.kind" :options="kindOptions" :label="t('storageClass.azure-disk.kind.label')" :mode="mode" />
+        <LabeledSelect
+          v-model="value.parameters.kind"
+          :options="kindOptions"
+          :label="t('storageClass.azure-disk.kind.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/azure-file.vue

@@ -19,13 +19,28 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.skuName" :placeholder="t('storageClass.azure-file.skuName.placeholder')" :label="t('storageClass.azure-file.skuName.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.skuName"
+          :placeholder="t('storageClass.azure-file.skuName.placeholder')"
+          :label="t('storageClass.azure-file.skuName.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.location" :placeholder="t('storageClass.azure-file.location.placeholder')" :label="t('storageClass.azure-file.location.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.location"
+          :placeholder="t('storageClass.azure-file.location.placeholder')"
+          :label="t('storageClass.azure-file.location.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.storageAccount" :placeholder="t('storageClass.azure-file.storageAccount.placeholder')" :label="t('storageClass.azure-file.storageAccount.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.storageAccount"
+          :placeholder="t('storageClass.azure-file.storageAccount.placeholder')"
+          :label="t('storageClass.azure-file.storageAccount.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/cinder.vue

@@ -40,10 +40,21 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-6">
-        <LabeledInput v-model="value.parameters.type" :placeholder="t('storageClass.cinder.volumeType.placeholder')" :label="t('storageClass.cinder.volumeType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.type"
+          :placeholder="t('storageClass.cinder.volumeType.placeholder')"
+          :label="t('storageClass.cinder.volumeType.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-6">
-        <RadioGroup v-model="availabilityZone" name="availability-zone" :options="availabilityZoneOptions" :label="t('storageClass.cinder.availabilityZone.label')" :mode="mode" />
+        <RadioGroup
+          v-model="availabilityZone"
+          name="availability-zone"
+          :options="availabilityZoneOptions"
+          :label="t('storageClass.cinder.availabilityZone.label')"
+          :mode="mode"
+        />
         <LabeledInput
           v-if="availabilityZone === 'manual'"
           v-model="value.parameters.availability"

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/gce-pd.vue

@@ -77,7 +77,13 @@ export default {
           :mode="mode"
           :options="volumeTypeOptions"
         />
-        <LabeledInput v-model="value.parameters.fsType" class="mt-10" :placeholder="t('storageClass.gce-pd.filesystemType.placeholder')" :label="t('storageClass.gce-pd.filesystemType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.fsType"
+          class="mt-10"
+          :placeholder="t('storageClass.gce-pd.filesystemType.placeholder')"
+          :label="t('storageClass.gce-pd.filesystemType.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-6">
         <RadioGroup
@@ -87,7 +93,13 @@ export default {
           :mode="mode"
           :options="availabilityZoneOptions"
         />
-        <LabeledInput v-if="availabilityZone === 'manual'" v-model="value.parameters.zones" class="mt-10" :placeholder="t('storageClass.gce-pd.availabilityZone.placeholder')" :mode="mode" />
+        <LabeledInput
+          v-if="availabilityZone === 'manual'"
+          v-model="value.parameters.zones"
+          class="mt-10"
+          :placeholder="t('storageClass.gce-pd.availabilityZone.placeholder')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row">

package/edit/storage.k8s.io.storageclass/provisioners/kubernetes.io/glusterfs.vue

@@ -19,35 +19,80 @@ export default {
   <div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.resturl" :placeholder="t('storageClass.glusterfs.restUrl.placeholder')" :label="t('storageClass.glusterfs.restUrl.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.resturl"
+          :placeholder="t('storageClass.glusterfs.restUrl.placeholder')"
+          :label="t('storageClass.glusterfs.restUrl.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.restuser" :placeholder="t('storageClass.glusterfs.restUser.placeholder')" :label="t('storageClass.glusterfs.restUser.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.restuser"
+          :placeholder="t('storageClass.glusterfs.restUser.placeholder')"
+          :label="t('storageClass.glusterfs.restUser.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.restuserkey" :placeholder="t('storageClass.glusterfs.restUserKey.placeholder')" :label="t('storageClass.glusterfs.restUserKey.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.restuserkey"
+          :placeholder="t('storageClass.glusterfs.restUserKey.placeholder')"
+          :label="t('storageClass.glusterfs.restUserKey.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.secretNamespace" :placeholder="t('storageClass.glusterfs.secretNamespace.placeholder')" :label="t('storageClass.glusterfs.secretNamespace.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.secretNamespace"
+          :placeholder="t('storageClass.glusterfs.secretNamespace.placeholder')"
+          :label="t('storageClass.glusterfs.secretNamespace.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.secretName" :placeholder="t('storageClass.glusterfs.secretName.placeholder')" :label="t('storageClass.glusterfs.secretName.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.secretName"
+          :placeholder="t('storageClass.glusterfs.secretName.placeholder')"
+          :label="t('storageClass.glusterfs.secretName.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.clusterid" :placeholder="t('storageClass.glusterfs.clusterId.placeholder')" :label="t('storageClass.glusterfs.clusterId.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.clusterid"
+          :placeholder="t('storageClass.glusterfs.clusterId.placeholder')"
+          :label="t('storageClass.glusterfs.clusterId.label')"
+          :mode="mode"
+        />
       </div>
     </div>
     <div class="row mb-10">
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.gidMin" :placeholder="t('storageClass.glusterfs.gidMin.placeholder')" :label="t('storageClass.glusterfs.gidMin.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.gidMin"
+          :placeholder="t('storageClass.glusterfs.gidMin.placeholder')"
+          :label="t('storageClass.glusterfs.gidMin.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.gidMax" :placeholder="t('storageClass.glusterfs.gidMax.placeholder')" :label="t('storageClass.glusterfs.gidMax.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.gidMax"
+          :placeholder="t('storageClass.glusterfs.gidMax.placeholder')"
+          :label="t('storageClass.glusterfs.gidMax.label')"
+          :mode="mode"
+        />
       </div>
       <div class="col span-4">
-        <LabeledInput v-model="value.parameters.volumetype" :placeholder="t('storageClass.glusterfs.volumeType.placeholder')" :label="t('storageClass.glusterfs.volumeType.label')" :mode="mode" />
+        <LabeledInput
+          v-model="value.parameters.volumetype"
+          :placeholder="t('storageClass.glusterfs.volumeType.placeholder')"
+          :label="t('storageClass.glusterfs.volumeType.label')"
+          :mode="mode"
+        />
       </div>
     </div>
   </div>