From d3e6fd735e1e46f275a733fcce22f6cb8676f630 Mon Sep 17 00:00:00 2001
From: Guillermo <cachedacodes@gmail.com>
Date: Mon, 18 Sep 2023 13:54:46 +0200
Subject: [PATCH] feat(query-preview): use deep equal to compare request

EMP-2124
---
 .../x-modules/queries-preview/components/query-preview.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue b/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
index c73dae0988..6c224d369d 100644
--- a/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
+++ b/packages/x-components/src/x-modules/queries-preview/components/query-preview.vue
@@ -35,7 +35,7 @@
 <script lang="ts">
   import Vue from 'vue';
   import { Component, Prop, Inject, Watch } from 'vue-property-decorator';
-  import { Dictionary } from '@empathyco/x-utils';
+  import { deepEqual, Dictionary } from '@empathyco/x-utils';
   import { SearchRequest, Result } from '@empathyco/x-types';
   import { State } from '../../../components/decorators/store.decorators';
   import { LIST_ITEMS_KEY } from '../../../components/decorators/injection.consts';
@@ -206,7 +206,7 @@
       this.$watch(
         () => this.queryPreviewRequest,
         (newRequest, oldRequest) => {
-          if (JSON.stringify(newRequest) !== JSON.stringify(oldRequest)) {
+          if (!deepEqual(newRequest, oldRequest)) {
             this.emitQueryPreviewRequestUpdated(newRequest);
           }
         }