diff --git a/app/assets/javascripts/packages_and_registries/shared/components/registry_list.vue b/app/assets/javascripts/packages_and_registries/shared/components/registry_list.vue index b088c9af5da..1f6ce9e1b89 100644 --- a/app/assets/javascripts/packages_and_registries/shared/components/registry_list.vue +++ b/app/assets/javascripts/packages_and_registries/shared/components/registry_list.vue @@ -70,12 +70,18 @@ export default { onChange(event) { this.items.forEach((item) => { const id = item[this.idProperty]; - this.$set(this.selectedReferences, id, event); + this.selectedReferences = { + ...this.selectedReferences, + [id]: event, + }; }); }, selectItem(item) { const id = item[this.idProperty]; - this.$set(this.selectedReferences, id, !this.selectedReferences[id]); + this.selectedReferences = { + ...this.selectedReferences, + [id]: !this.selectedReferences[id], + }; }, isSelected(item) { const id = item[this.idProperty]; diff --git a/app/assets/javascripts/vue_shared/components/settings/settings_block.stories.js b/app/assets/javascripts/vue_shared/components/settings/settings_block.stories.js index 53e4a08e486..994642f9c68 100644 --- a/app/assets/javascripts/vue_shared/components/settings/settings_block.stories.js +++ b/app/assets/javascripts/vue_shared/components/settings/settings_block.stories.js @@ -9,8 +9,7 @@ const Template = (args, { argTypes }) => ({ components: { SettingsBlock }, props: Object.keys(argTypes), template: ` - - +