fix: corrige reatividade do componente

Author: “RafaelGondi”

src/components/MultiInput.vue

@@ -85,13 +85,17 @@ defineProps({
 
 const internalModel = ref([]);
 
-watch(model, () => {
-	internalModel.value = model.value;
+watch(model, (newValue) => {
+	if (JSON.stringify(newValue) === JSON.stringify(internalModel.value)) return;
+
+	internalModel.value = JSON.parse(JSON.stringify(model.value));
 }, { immediate: true });
 
-watch(internalModel, () => {
-	model.value = internalModel.value;
-});
+watch(internalModel, (newValue) => {
+	if (JSON.stringify(newValue) === JSON.stringify(model.value)) return;
+
+	model.value = JSON.parse(JSON.stringify(internalModel.value));
+}, { deep: true });
 
 function addInput() {
 	internalModel.value.push({

src/stories/components/MultiInput.stories.mdx

@@ -46,13 +46,26 @@ export const Template = (args) => ({
 	setup() {
 		return { args };
 	},
+	data() {
+		return {value: [
+			{
+				id: '1',
+				value: 'Opção 1',
+			},
+			{
+				id: '2',
+				value: 'Opção 2',
+			},
+		]};
+	},
 	template: /*html*/ `
 		<cds-multiInput
 			v-bind="args"
+			v-model="value"
 		/>`,
-	methods: {
-		handleEmit(value) { console.info('value: ', value); }
-	}
+	updated() {
+		console.info('%cv-model: ', 'color: #2C70CD;', this.value);
+	},
 });