feat: add semantic queries to playground

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

@@ -28,7 +28,8 @@ import {
   TestBasePanel,
   TestBaseKeyboardNavigation,
   TestBaseEventsModal,
-  TestBaseIdModal
+  TestBaseIdModal,
+  TestSemanticQueries
 } from './';
 
 const routes = [
@@ -176,6 +177,11 @@ const routes = [
     path: '/test-base-id-modal',
     name: 'TestBaseIdModal',
     component: TestBaseIdModal
+  },
+  {
+    path: '/test-semantic-queries',
+    name: 'TestSemanticQueries',
+    component: TestSemanticQueries
   }
 ];
 

packages/_vue3-migration-test/src/x-modules/index.ts

@@ -3,5 +3,6 @@ export * from './facets';
 export * from './next-queries';
 export * from './search';
 export * from './search-box';
+export * from './semantic-queries';
 export { default as TestElementsList } from './test-elements-list.vue';
 export * from './scroll';

packages/_vue3-migration-test/src/x-modules/semantic-queries/components/test-semantic-queries.vue

@@ -0,0 +1,7 @@
+<template>
+  <SemanticQueries />
+</template>
+
+<script setup>
+  import SemanticQueries from '../../../../../x-components/src/x-modules/semantic-queries/components/semantic-queries.vue';
+</script>

packages/_vue3-migration-test/src/x-modules/semantic-queries/index.ts

@@ -0,0 +1,2 @@
+export { default as TestSemanticQueries } from './components/test-semantic-queries.vue';
+export * from './x-module';

packages/_vue3-migration-test/src/x-modules/semantic-queries/x-module.ts

@@ -0,0 +1,17 @@
+import { PrivateXModuleOptions } from '../../../../x-components/src/plugins/x-plugin.types';
+import { SemanticQueriesXModule } from '../../../../x-components/src/x-modules/semantic-queries/x-module';
+
+export const semanticQueriesXModule: PrivateXModuleOptions<SemanticQueriesXModule> = {
+  storeModule: {
+    state: {
+      config: {
+        threshold: 5,
+        maxItemsToRequest: 3
+      },
+      semanticQueries: [{ query: 'test', distance: 0 }],
+      params: {},
+      query: 'jeans',
+      totalResults: 2
+    }
+  }
+};