fix(vue): singelist not reacting to selectedValue

Author: mohdashraf010897

packages/vue/src/components/list/SingleList.jsx

@@ -97,6 +97,11 @@ const SingleList = {
 		}
 	},
 	watch: {
+		selectedValue(newVal) {
+			if (this.$data.currentValue !== newVal) {
+				this.setValue(newVal || '');
+			}
+		},
 		options(newVal) {
 			if (newVal) {
 				this.modifiedOptions = newVal[this.$props.dataField]
@@ -122,11 +127,6 @@ const SingleList = {
 				this.setValue(newVal);
 			}
 		},
-		selectedValue(newVal) {
-			if (this.$data.currentValue !== newVal) {
-				this.setValue(newVal || '');
-			}
-		},
 		defaultQuery(newVal, oldVal) {
 			if (!isQueryIdentical(newVal, oldVal, this.$data.currentValue, this.$props)) {
 				this.updateDefaultQueryHandler(this.$data.currentValue, this.$props);
@@ -472,8 +472,7 @@ const mapStateToProps = (state, props) => ({
 	isLoading: state.isLoading[props.componentId],
 	selectedValue:
 		(state.selectedValues[props.componentId]
-			&& state.selectedValues[props.componentId].value)
-		|| '',
+			&& state.selectedValues[props.componentId].value) || '',
 	totalDocumentCount: state.hits[props.componentId] && state.hits[props.componentId].total,
 	themePreset: state.config.themePreset,
 	error: state.error[props.componentId],