diff --git a/packages/_vue3-migration-test/src/components/index.ts b/packages/_vue3-migration-test/src/components/index.ts
index b5740f1bb6..f2c8a6f64e 100644
--- a/packages/_vue3-migration-test/src/components/index.ts
+++ b/packages/_vue3-migration-test/src/components/index.ts
@@ -4,4 +4,4 @@ export { default as TestBaseColumnPickerList } from './column-picker/test-base-c
 export { default as TestBaseDropdown } from './test-base-dropdown.vue';
 export { default as TestBaseEventButton } from './test-base-event-button.vue';
 export { default as TestUseLayouts } from './test-use-layouts.vue';
-export { default as TestBaseSuggestions } from './test-base-suggestions.vue';
+export { default as TestBaseSuggestions } from './suggestions/test-base-suggestions.vue';
diff --git a/packages/_vue3-migration-test/src/components/suggestions/test-base-suggestions.vue b/packages/_vue3-migration-test/src/components/suggestions/test-base-suggestions.vue
new file mode 100644
index 0000000000..141fe1faa8
--- /dev/null
+++ b/packages/_vue3-migration-test/src/components/suggestions/test-base-suggestions.vue
@@ -0,0 +1,16 @@
+<template>
+  <BaseSuggestions :suggestions="suggestions">
+    <template #default="{ suggestion }">
+      <span>{{ suggestion.query }}</span>
+    </template>
+  </BaseSuggestions>
+</template>
+
+<script setup>
+  import BaseSuggestions from '../../../../x-components/src/components/suggestions/base-suggestions.vue';
+  import { getQuerySuggestionsStub } from '../../../../x-components/src/__stubs__';
+
+  const suggestions = getQuerySuggestionsStub('chip', 5);
+</script>
+
+<style scoped></style>
diff --git a/packages/_vue3-migration-test/src/components/test-base-suggestions.vue b/packages/_vue3-migration-test/src/components/test-base-suggestions.vue
deleted file mode 100644
index 46436dbcd9..0000000000
--- a/packages/_vue3-migration-test/src/components/test-base-suggestions.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-<template>
-  <BaseSuggestions :suggestions="suggestions">
-    <template #default="{ suggestion }">
-      <span>{{ suggestion.query }}</span>
-    </template>
-  </BaseSuggestions>
-</template>
-
-<script setup>
-  import BaseSuggestions from '../../../x-components/src/components/suggestions/base-suggestions.vue';
-
-  const suggestions = [
-    {
-      facets: [],
-      key: 'chips',
-      query: 'Chips',
-      totalResults: 10,
-      results: [],
-      modelName: 'PopularSearch'
-    },
-    {
-      facets: [],
-      key: 'apples',
-      query: 'Apples',
-      totalResults: 5,
-      results: [],
-      modelName: 'PopularSearch'
-    }
-  ];
-</script>
-
-<style scoped></style>