From c87129f7423ced548a89472196d96fd5b8f9dc3b Mon Sep 17 00:00:00 2001
From: acondal <annac@empathy.co>
Date: Wed, 19 Jun 2024 15:15:05 +0200
Subject: [PATCH] test: fix no import from barrels

EMP-4330
---
 .../components/test-experience-controls.vue           | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/_vue3-migration-test/src/x-modules/experience-controls/components/test-experience-controls.vue b/packages/_vue3-migration-test/src/x-modules/experience-controls/components/test-experience-controls.vue
index e5698691f8..c2478794e5 100644
--- a/packages/_vue3-migration-test/src/x-modules/experience-controls/components/test-experience-controls.vue
+++ b/packages/_vue3-migration-test/src/x-modules/experience-controls/components/test-experience-controls.vue
@@ -1,18 +1,19 @@
 <template>
   <span style="display: block">
     Controls:
-    <b>{{ experienceControls }}</b>
+    <b>{{ controls }}</b>
   </span>
   <ExperienceControls />
   <div v-for="(item, index) in items" :key="index">
-    <div>{{ item }}-{{ index }}</div>
+    <div>This is an item {{ item }}-{{ index }}</div>
   </div>
 </template>
 
 <script setup>
   import ExperienceControls from '../../../../../x-components/src/x-modules/experience-controls/components/experience-controls.vue';
-  import { useState } from '../../../../../x-components/src';
+  import { useState } from '../../../../../x-components/src/composables/use-state.ts';
 
-  const experienceControls = useState('experienceControls', ['controls']);
-  const items = experienceControls.resultsPerCarousels;
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+  const { controls } = useState('experienceControls', ['controls']);
+  const items = controls.value.resultsPerCarousels;
 </script>