refactor: get the suggestion with a method

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';

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>