From 594e384bad635f0356a98e127fcde651a93fa169 Mon Sep 17 00:00:00 2001
From: Laura Martinez Garcia <lauram@empathy.co>
Date: Thu, 30 May 2024 11:47:46 +0200
Subject: [PATCH] chore: add types

---
 .../history-queries/components/history-queries-switch.vue  | 7 +++++--
 .../x-modules/history-queries/components/my-history.vue    | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/x-components/src/x-modules/history-queries/components/history-queries-switch.vue b/packages/x-components/src/x-modules/history-queries/components/history-queries-switch.vue
index 965d4c979d..844b404313 100644
--- a/packages/x-components/src/x-modules/history-queries/components/history-queries-switch.vue
+++ b/packages/x-components/src/x-modules/history-queries/components/history-queries-switch.vue
@@ -3,7 +3,8 @@
 </template>
 
 <script lang="ts">
-  import { computed, defineComponent } from 'vue';
+  import { computed, ComputedRef, defineComponent } from 'vue';
+  import { HistoryQuery } from '@empathyco/x-types';
   import BaseSwitch from '../../../components/base-switch.vue';
   import { historyQueriesXModule } from '../x-module';
   import { isArrayEmpty } from '../../../utils/array';
@@ -38,7 +39,9 @@
       /**
        * The history queries from the state.
        */
-      const historyQueries = useState('historyQueries', ['historyQueries']).historyQueries;
+      const historyQueries: ComputedRef<HistoryQuery[] | undefined> = useState('historyQueries', [
+        'historyQueries'
+      ]).historyQueries;
 
       /**
        * Checks if there are history queries.
diff --git a/packages/x-components/src/x-modules/history-queries/components/my-history.vue b/packages/x-components/src/x-modules/history-queries/components/my-history.vue
index c78d13eeb0..5cfbc82051 100644
--- a/packages/x-components/src/x-modules/history-queries/components/my-history.vue
+++ b/packages/x-components/src/x-modules/history-queries/components/my-history.vue
@@ -59,7 +59,7 @@
 <script lang="ts">
   import { HistoryQuery as HistoryQueryType } from '@empathyco/x-types';
   import { Dictionary } from '@empathyco/x-utils';
-  import { computed, defineComponent, inject } from 'vue';
+  import { computed, ComputedRef, defineComponent, inject } from 'vue';
   import BaseSuggestions from '../../../components/suggestions/base-suggestions.vue';
   import { groupItemsBy, isArrayEmpty } from '../../../utils/array';
   import { SnippetConfig } from '../../../x-installer/api/api.types';
@@ -117,7 +117,9 @@
        *
        * @internal
        */
-      const historyQueries = useState('historyQueries', ['historyQueries']).historyQueries;
+      const historyQueries: ComputedRef<HistoryQueryType[]> = useState('historyQueries', [
+        'historyQueries'
+      ]).historyQueries;
 
       /**
        * The provided {@link SnippetConfig}.