@rancher/shell 2.0.1 → 3.0.0-rc.2

package/edit/logging.banzaicloud.io.output/providers/splunkHec.vue

@@ -40,7 +40,7 @@ export default {
         return this.value.hec_port;
       },
       set(port) {
-        updatePort((value) => this.$set(this.value, 'hec_port', value), port);
+        updatePort((value) => (this.value['hec_port'] = value), port);
       }
     }
   }
@@ -54,7 +54,7 @@ export default {
       <div class="row mb-10">
         <div class="col span-2">
           <LabeledSelect
-            v-model="value.protocol"
+            v-model:value="value.protocol"
             :mode="mode"
             :disabled="disabled"
             :options="protocolOptions"
@@ -63,7 +63,7 @@ export default {
         </div>
         <div class="col span-8">
           <LabeledInput
-            v-model="value.hec_host"
+            v-model:value="value.hec_host"
             :mode="mode"
             :disabled="disabled"
             :label="t('logging.splunk.host')"
@@ -71,7 +71,7 @@ export default {
         </div>
         <div class="col span-2">
           <LabeledInput
-            v-model="port"
+            v-model:value="port"
             :mode="mode"
             :disabled="disabled"
             type="number"
@@ -84,7 +84,7 @@ export default {
       <div class="row">
         <div class="col span-6">
           <LabeledInput
-            v-model="value.index"
+            v-model:value="value.index"
             :mode="mode"
             :disabled="disabled"
             :label="t('logging.splunk.indexName')"
@@ -92,7 +92,7 @@ export default {
         </div>
         <div class="col span-6">
           <LabeledInput
-            v-model="value.source"
+            v-model:value="value.source"
             :mode="mode"
             :disabled="disabled"
             :label="t('logging.splunk.source')"
@@ -106,7 +106,7 @@ export default {
       <div class="row">
         <div class="col span-6">
           <SecretSelector
-            v-model="value.hec_token"
+            v-model:value="value.hec_token"
             :mode="mode"
             :namespace="namespace"
             :disabled="disabled"
@@ -121,7 +121,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <Checkbox
-          v-model="value.insecure_ssl"
+          v-model:value="value.insecure_ssl"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.splunk.insecureSsl')"
@@ -131,7 +131,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <SecretSelector
-          v-model="value.ca_file"
+          v-model:value="value.ca_file"
           mount-key="mountFrom"
           :mode="mode"
           :namespace="namespace"
@@ -142,7 +142,7 @@ export default {
       </div>
       <div class="col span-6">
         <SecretSelector
-          v-model="value.ca_path"
+          v-model:value="value.ca_path"
           mount-key="mountFrom"
           :mode="mode"
           :namespace="namespace"
@@ -155,7 +155,7 @@ export default {
     <div class="row">
       <div class="col span-6">
         <SecretSelector
-          v-model="value.client_cert"
+          v-model:value="value.client_cert"
           mount-key="mountFrom"
           :mode="mode"
           :namespace="namespace"
@@ -166,7 +166,7 @@ export default {
       </div>
       <div class="col span-6">
         <SecretSelector
-          v-model="value.client_key"
+          v-model:value="value.client_key"
           mount-key="mountFrom"
           :mode="mode"
           :namespace="namespace"

package/edit/logging.banzaicloud.io.output/providers/sumologic.vue

@@ -37,7 +37,7 @@ export default {
     <div class="row">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.source_name"
+          v-model:value="value.source_name"
           class="source-name"
           :mode="mode"
           :disabled="disabled"
@@ -46,7 +46,7 @@ export default {
       </div>
       <div class="col span-6">
         <SecretSelector
-          v-model="value.endpoint"
+          v-model:value="value.endpoint"
           :mode="mode"
           :namespace="namespace"
           :disabled="disabled"

package/edit/logging.banzaicloud.io.output/providers/syslog.vue

@@ -32,9 +32,9 @@ export default {
     const formatTypeOptions = ['json', 'out_file', 'ltsv', 'csv', 'msgpack', 'hash', 'single_value'];
     const transportOptions = ['tls', 'udp', 'tcp'];
 
-    this.$set(this.value, 'format', this.value.format || { type: formatTypeOptions[0] });
-    this.$set(this.value, 'buffer', this.value.buffer || {});
-    this.$set(this.value, 'transport', this.value.transport || transportOptions[0]);
+    this.value['format'] = this.value.format || { type: formatTypeOptions[0] };
+    this.value['buffer'] = this.value.buffer || {};
+    this.value['transport'] = this.value.transport || transportOptions[0];
 
     return { formatTypeOptions, transportOptions };
   },
@@ -44,7 +44,7 @@ export default {
         return this.value.port;
       },
       set(port) {
-        this.$set(this.value, 'port', Number.parseInt(port));
+        this.value['port'] = Number.parseInt(port);
       }
     },
     chunkLimitRecords: {
@@ -52,7 +52,7 @@ export default {
         return this.value.buffer.chunk_limit_records;
       },
       set(chunkLimitRecords) {
-        this.$set(this.value.buffer, 'chunk_limit_records', Number.parseInt(chunkLimitRecords));
+        this.value.buffer['chunk_limit_records'] = Number.parseInt(chunkLimitRecords);
       }
     }
   }
@@ -69,7 +69,7 @@ export default {
     <div class="row">
       <div class="col span-8">
         <LabeledInput
-          v-model="value.host"
+          v-model:value="value.host"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.host')"
@@ -77,7 +77,7 @@ export default {
       </div>
       <div class="col span-4">
         <LabeledInput
-          v-model="port"
+          v-model:value="port"
           :mode="mode"
           :disabled="disabled"
           class="port"
@@ -95,7 +95,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <LabeledSelect
-          v-model="value.transport"
+          v-model:value="value.transport"
           :options="transportOptions"
           :mode="mode"
           :disabled="disabled"
@@ -104,7 +104,7 @@ export default {
       </div>
       <div class="col span-6 insecure">
         <Checkbox
-          v-model="value.insecure"
+          v-model:value="value.insecure"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.insecure')"
@@ -114,7 +114,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <SecretSelector
-          v-model="value.trusted_ca_path"
+          v-model:value="value.trusted_ca_path"
           mount-key="mountFrom"
           :mode="mode"
           :namespace="namespace"
@@ -133,7 +133,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <LabeledSelect
-          v-model="value.format.type"
+          v-model:value="value.format.type"
           :options="formatTypeOptions"
           :mode="mode"
           :disabled="disabled"
@@ -150,7 +150,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.tags"
+          v-model:value="value.buffer.tags"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.tags')"
@@ -160,7 +160,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.chunk_limit_size"
+          v-model:value="value.buffer.chunk_limit_size"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.chunkLimitSize')"
@@ -168,7 +168,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="chunkLimitRecords"
+          v-model:value="chunkLimitRecords"
           :mode="mode"
           :disabled="disabled"
           type="number"
@@ -179,7 +179,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.total_limit_size"
+          v-model:value="value.buffer.total_limit_size"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.totalLimitSize')"
@@ -189,7 +189,7 @@ export default {
     <div class="row mb-20">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.flush_interval"
+          v-model:value="value.buffer.flush_interval"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.flushInterval')"
@@ -199,7 +199,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.timekey"
+          v-model:value="value.buffer.timekey"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.timekey')"
@@ -207,7 +207,7 @@ export default {
       </div>
       <div class="col span-6">
         <LabeledInput
-          v-model="value.buffer.timekey_wait"
+          v-model:value="value.buffer.timekey_wait"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.timekeyWait')"
@@ -217,7 +217,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <Checkbox
-          v-model="value.buffer.timekey_use_utc"
+          v-model:value="value.buffer.timekey_use_utc"
           :mode="mode"
           :disabled="disabled"
           :label="t('logging.syslog.buffer.timekeyUseUTC')"

package/edit/management.cattle.io.clusterroletemplatebinding.vue

@@ -63,7 +63,7 @@ export default {
     @cancel="done"
   >
     <ClusterPermissionsEditor
-      v-model="bindings"
+      v-model:value="bindings"
       :cluster-name="$store.getters['currentCluster'].id"
     />
   </CruResource>

package/edit/management.cattle.io.fleetworkspace.vue

@@ -18,9 +18,9 @@ import Banner from '@components/Banner/Banner.vue';
 import ArrayList from '@shell/components/form/ArrayList.vue';
 
 export default {
-  name: 'FleetCruWorkspace',
-
-  components: {
+  name:         'FleetCruWorkspace',
+  inheritAttrs: false,
+  components:   {
     CruResource,
     Labels,
     Loading,
@@ -57,7 +57,7 @@ export default {
   },
 
   data() {
-    this.$set(this.value, 'spec', this.value.spec || {});
+    this.value['spec'] = this.value.spec || {};
 
     return {
       fleetClusters:            null,
@@ -172,9 +172,10 @@ export default {
     @cancel="done"
   >
     <NameNsDescription
-      v-model="value"
+      :value="value"
       :mode="mode"
       :namespaced="false"
+      @update:value="$emit('input', $event)"
     />
 
     <Tabbed
@@ -199,8 +200,9 @@ export default {
         label-key="generic.labelsAndAnnotations"
       >
         <Labels
-          v-model="value"
+          :value="value"
           :mode="mode"
+          @update:value="$emit('input', $event)"
         />
       </Tab>
       <Tab
@@ -227,7 +229,7 @@ export default {
 
         <ArrayList
           key="labels"
-          v-model="allowedTargetNamespaces"
+          v-model:value="allowedTargetNamespaces"
           :add-label="t('fleet.restrictions.addLabel')"
           :mode="mode"
           :title="t('fleet.restrictions.addTitle')"

package/edit/management.cattle.io.node.vue

@@ -10,8 +10,9 @@ export default {
     Loading,
     LabeledInput
   },
-  mixins: [createEditView],
-  props:  {
+  inheritAttrs: false,
+  mixins:       [createEditView],
+  props:        {
     value: {
       type:     Object,
       required: true,
@@ -63,7 +64,7 @@ export default {
     @finish="save"
   >
     <LabeledInput
-      v-model="name"
+      v-model:value="name"
       :label="t('managementNode.customName')"
       :mode="mode"
     />

package/edit/management.cattle.io.podsecurityadmissionconfigurationtemplate.vue

@@ -10,8 +10,9 @@ import { PSADimensions } from '@shell/config/pod-security-admission';
 import { MANAGEMENT } from '@shell/config/types';
 
 export default defineComponent({
-  mixins:     [CreateEditView],
-  components: {
+  mixins:       [CreateEditView],
+  inheritAttrs: false,
+  components:   {
     CruResource,
     Loading,
     NameNsDescription,

package/edit/management.cattle.io.project.vue

@@ -23,10 +23,12 @@ export default {
     ContainerResourceLimit, CruResource, Labels, NameNsDescription, ProjectMembershipEditor, ResourceQuota, Tabbed, Tab, Banner
   },
 
+  inheritAttrs: false,
+
   mixins: [CreateEditView, FormValidation],
   data() {
-    this.$set(this.value, 'spec', this.value.spec || {});
-    this.$set(this.value.spec, 'podSecurityPolicyTemplateId', this.value.status?.podSecurityPolicyTemplateId || '');
+    this.value['spec'] = this.value.spec || {};
+    this.value.spec['podSecurityPolicyTemplateId'] = this.value.status?.podSecurityPolicyTemplateId || '';
 
     return {
       projectRoleTemplateBindingSchema: this.$store.getters[`management/schemaFor`](MANAGEMENT.PROJECT_ROLE_TEMPLATE_BINDING),
@@ -96,9 +98,9 @@ export default {
     }
   },
   created() {
-    this.$set(this.value.metadata, 'namespace', this.$store.getters['currentCluster'].id);
-    this.$set(this.value, 'spec', this.value.spec || {});
-    this.$set(this.value.spec, 'containerDefaultResourceLimit', this.value.spec.containerDefaultResourceLimit || {});
+    this.value.metadata['namespace'] = this.$store.getters['currentCluster'].id;
+    this.value['spec'] = this.value.spec || {};
+    this.value.spec['containerDefaultResourceLimit'] = this.value.spec.containerDefaultResourceLimit || {};
   },
   methods: {
     async save(saveCb) {
@@ -141,11 +143,11 @@ export default {
     },
 
     onHasOwnerChanged(hasOwner) {
-      this.$set(this, 'membershipHasOwner', hasOwner);
+      this['membershipHasOwner'] = hasOwner;
     },
 
     onMembershipUpdate(update) {
-      this.$set(this, 'membershipUpdate', update);
+      this['membershipUpdate'] = update;
     },
 
     removeQuota(key) {
@@ -176,7 +178,7 @@ export default {
     @cancel="done"
   >
     <NameNsDescription
-      v-model="value"
+      :value="value"
       :name-editable="true"
       :mode="mode"
       :namespaced="false"
@@ -185,6 +187,7 @@ export default {
       name-key="spec.displayName"
       :normalize-name="false"
       :rules="{ name: fvGetAndReportPathRules('spec.displayName'), namespace: [], description: [] }"
+      @update:value="$emit('input', $event)"
     />
     <Tabbed :side-tabs="true">
       <Tab
@@ -211,7 +214,7 @@ export default {
         :weight="9"
       >
         <ResourceQuota
-          v-model="value"
+          :value="value"
           :mode="canEditTabElements"
           :types="isHarvester ? HARVESTER_TYPES : RANCHER_TYPES"
           @remove="removeQuota"
@@ -223,7 +226,7 @@ export default {
         :weight="8"
       >
         <ContainerResourceLimit
-          v-model="value.spec.containerDefaultResourceLimit"
+          v-model:value="value.spec.containerDefaultResourceLimit"
           :mode="canEditTabElements"
           :show-tip="false"
           :register-before-hook="registerBeforeHook"

package/edit/management.cattle.io.projectroletemplatebinding.vue

@@ -15,7 +15,7 @@ export default {
   async fetch() {
     await this.$store.dispatch('management/findAll', { type: MANAGEMENT.USER });
     this.projects = await this.$store.dispatch('management/findAll', { type: MANAGEMENT.PROJECT });
-    this.$set(this.binding, 'projectId', this.binding.projectId || this.projects[0]?.id.replace('/', ':'));
+    this.binding['projectId'] = this.binding.projectId || this.projects[0]?.id.replace('/', ':');
   },
   data() {
     return {
@@ -44,7 +44,7 @@ export default {
   },
   methods: {
     onAdd(principalId) {
-      this.$set(this, 'principalId', principalId);
+      this['principalId'] = principalId;
     },
     async saveOverride() {
       const asyncBindings = this.binding.roleTemplateIds.map((roleTemplateId) => this.$store.dispatch(`management/create`, {
@@ -80,7 +80,7 @@ export default {
     @finish="saveOverride"
     @cancel="done"
   >
-    <ProjectMemberEditor v-model="binding" />
+    <ProjectMemberEditor v-model:value="binding" />
   </CruResource>
 </template>
 <style lang="scss" scoped>

package/edit/management.cattle.io.setting.vue

@@ -191,7 +191,7 @@ export default {
     <div class="mt-20">
       <div v-if="setting.kind === 'enum'">
         <LabeledSelect
-          v-model="value.value"
+          v-model:value="value.value"
           data-testid="input-setting-enum"
           :label="t('advancedSettings.edit.value')"
           :rules="fvGetAndReportPathRules('value')"
@@ -203,7 +203,7 @@ export default {
       </div>
       <div v-else-if="setting.kind === 'boolean'">
         <RadioGroup
-          v-model="value.value"
+          v-model:value="value.value"
           data-testid="input-setting-boolean"
           name="settings_value"
           :rules="fvGetAndReportPathRules('value')"
@@ -213,7 +213,7 @@ export default {
       </div>
       <div v-else-if="setting.kind === 'multiline' || setting.kind === 'json'">
         <TextAreaAutoGrow
-          v-model="value.value"
+          v-model:value="value.value"
           data-testid="input-setting-json"
           :required="true"
           :rules="fvGetAndReportPathRules('value')"
@@ -222,7 +222,7 @@ export default {
       </div>
       <div v-else-if="setting.kind === 'integer'">
         <LabeledInput
-          v-model="value.value"
+          v-model:value="value.value"
           data-testid="input-setting-integer"
           :label="t('advancedSettings.edit.value')"
           :mode="mode"
@@ -233,7 +233,7 @@ export default {
       </div>
       <div v-else>
         <LabeledInput
-          v-model="value.value"
+          v-model:value="value.value"
           data-testid="input-setting-generic"
           :localized-label="true"
           :required="true"
@@ -256,7 +256,7 @@ export default {
     }
   }
 
-  ::v-deep .edit-help code {
+  :deep() .edit-help code {
     padding: 1px 5px;
   }
 </style>

package/edit/management.cattle.io.user.vue

@@ -205,7 +205,7 @@ export default {
         <div class="col span-4">
           <LabeledInput
             ref="name"
-            v-model="form.username"
+            v-model:value="form.username"
             label-key="user.edit.credentials.username.label"
             placeholder-key="user.edit.credentials.username.placeholder"
             :required="isCreate"
@@ -216,7 +216,7 @@ export default {
         </div>
         <div class="col span-4">
           <LabeledInput
-            v-model="form.displayName"
+            v-model:value="form.displayName"
             label-key="user.edit.credentials.displayName.label"
             placeholder-key="user.edit.credentials.displayName.placeholder"
             :disabled="isView"
@@ -226,7 +226,7 @@ export default {
       <div class="row mt-20 mb-10">
         <div class="col span-8">
           <LabeledInput
-            v-model="form.description"
+            v-model:value="form.description"
             label-key="user.edit.credentials.userDescription.label"
             placeholder-key="user.edit.credentials.userDescription.placeholder"
             :disabled="isView"
@@ -237,7 +237,7 @@ export default {
       <ChangePassword
         v-if="!isView"
         ref="changePassword"
-        v-model="form.password"
+        v-model:value="form.password"
         :mode="mode"
         :must-change-password="value.mustChangePassword"
         @valid="validation.password = $event"

package/edit/monitoring.coreos.com.alertmanagerconfig/auth.vue

@@ -21,7 +21,7 @@ export default {
     }
   },
   data() {
-    this.$set(this.value, 'basicAuth', this.value.basicAuth || {});
+    this.value['basicAuth'] = this.value.basicAuth || {};
 
     const authOptions = [
       {
@@ -70,7 +70,7 @@ export default {
             this.value[authOption.value] || authOption.default
           );
         } else if (typeof this.value[authOption.value] !== 'undefined') {
-          this.$delete(this.value, authOption.value);
+          delete this.value[authOption.value];
         }
       });
     },
@@ -244,11 +244,11 @@ export default {
     <div class="row mb-20">
       <div class="col span-12">
         <LabeledSelect
-          v-model="authType"
+          v-model:value="authType"
           :disabled="mode === view"
           :options="authOptions"
           label="Auth Type"
-          @input="initializeType(authOptions, authType)"
+          @update:value="initializeType(authOptions, authType)"
         />
       </div>
     </div>

package/edit/monitoring.coreos.com.alertmanagerconfig/index.vue

@@ -194,9 +194,10 @@ export default {
     @cancel="done"
   >
     <NameNsDescription
-      v-model="value"
+      :value="value"
       :mode="mode"
       :namespaced="isNamespaced"
+      @input="$emit('input', $event)"
     />
 
     <Tabbed>

package/edit/monitoring.coreos.com.alertmanagerconfig/receiverConfig.vue

@@ -144,7 +144,7 @@ export default {
 
     if (mode === _CREATE) {
       RECEIVERS_TYPES.forEach((receiverType) => {
-        this.$set(currentReceiver, receiverType.key, currentReceiver[receiverType.key] || []);
+        currentReceiver[receiverType.key] = currentReceiver[receiverType.key] || [];
       });
     }
 
@@ -206,7 +206,7 @@ export default {
         // We need this step so we don't just keep adding new keys when modifying the custom field
         Object.keys(this.value).forEach((key) => {
           if (!this.expectedFields.includes(key)) {
-            this.$delete(this.value, key);
+            delete this.value[key];
           }
         });
 
@@ -284,7 +284,7 @@ export default {
     <div class="row mb-10">
       <div class="col span-6">
         <LabeledInput
-          v-model="value.name"
+          v-model:value="value.name"
           :is-disabled="receiverNameDisabled"
           :label="t('generic.name')"
           :required="true"
@@ -340,13 +340,13 @@ export default {
         <YamlEditor
           v-if="receiverType.name === 'custom'"
           ref="customEditor"
-          v-model="suffixYaml"
+          v-model:value="suffixYaml"
           :scrolling="false"
           :editor-mode="editorMode"
         />
         <div v-else>
           <ArrayListGrouped
-            v-model="value[receiverType.key]"
+            v-model:value="value[receiverType.key]"
             class="namespace-list"
             :mode="mode"
             :default-add-value="{}"