feat: add base suggestion to playground

packages/_vue3-migration-test/src/components/index.ts

@@ -3,3 +3,4 @@ export { default as TestBaseColumnPickerDropdown } from './column-picker/test-ba
 export { default as TestBaseColumnPickerList } from './column-picker/test-base-column-picker-list.vue';
 export { default as TestBaseDropdown } from './test-base-dropdown.vue';
 export { default as TestBaseEventButton } from './test-base-event-button.vue';
+export { default as TestBaseSuggestions } from './test-base-suggestions.vue';

packages/_vue3-migration-test/src/components/test-base-suggestions.vue

@@ -0,0 +1,32 @@
+<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>

packages/_vue3-migration-test/src/router.ts

@@ -16,7 +16,8 @@ import {
   TestSortList,
   TestSortPickerList,
   TestBaseScroll,
-  TestSearchBox
+  TestSearchBox,
+  TestBaseSuggestions
 } from './';
 
 const routes = [
@@ -104,6 +105,11 @@ const routes = [
     path: '/elements-list',
     name: 'ElementsList',
     component: TestElementsList
+  },
+  {
+    path: '/base-suggestions',
+    name: 'BaseSuggestions',
+    component: TestBaseSuggestions
   }
 ];