feat: add identifier results to playground

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

@@ -13,7 +13,8 @@ import {
   recommendationsXModule,
   scrollXModule,
   searchXModule,
-  semanticQueriesXModule
+  semanticQueriesXModule,
+  identifierResultsXModule
 } from './';
 
 // Warnings that cannot be solved in Vue 2 (a.k.a. breaking  changes) are suppressed
@@ -62,7 +63,8 @@ createApp(App as Component)
       search: searchXModule,
       queriesPreview: queriesPreviewXModule,
       semanticQueries: semanticQueriesXModule,
-      recommendations: recommendationsXModule
+      recommendations: recommendationsXModule,
+      identifierResults: identifierResultsXModule
     }
   })
   .mount('#app');

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

@@ -36,7 +36,8 @@ import {
   TestSpellcheck,
   TestQuerySuggestions,
   TestSemanticQueries,
-  TestRecommendations
+  TestRecommendations,
+  TestIdentifierResults
 } from './';
 
 const routes = [
@@ -224,6 +225,11 @@ const routes = [
     path: '/recommendations',
     name: 'Recommendations',
     component: TestRecommendations
+  },
+  {
+    path: '/identifier-results',
+    name: 'IdentifierResults',
+    component: TestIdentifierResults
   }
 ];
 

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

@@ -0,0 +1 @@
+export { default as TestIdentifierResults } from './test-identifier-results.vue';

packages/_vue3-migration-test/src/x-modules/identifier-results/components/test-identifier-results.vue

@@ -0,0 +1,10 @@
+<template>
+  <IdentifierResults #default="{ identifierResult }" :maxItemsToRender="3">
+    <IdentifierResult :result="identifierResult" />
+  </IdentifierResults>
+</template>
+
+<script setup>
+  import IdentifierResults from '../../../../../x-components/src/x-modules/identifier-results/components/identifier-results.vue';
+  import IdentifierResult from '../../../../../x-components/src/x-modules/identifier-results/components/identifier-result.vue';
+</script>

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

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './x-module';

packages/_vue3-migration-test/src/x-modules/identifier-results/x-module.ts

@@ -0,0 +1,40 @@
+import { PrivateXModuleOptions } from '../../../../x-components/src/plugins/x-plugin.types';
+import { IdentifierResultsXModule } from '../../../../x-components/src/x-modules/identifier-results/x-module';
+export const identifierResultsXModule: PrivateXModuleOptions<IdentifierResultsXModule> = {
+  storeModule: {
+    state: {
+      config: {
+        debounceInMs: 600,
+        maxItemsToRequest: 10,
+        identifierDetectionRegexp: '^[0-9]{2,}$',
+        separatorChars: '-/ '
+      },
+      identifierResults: [
+        {
+          identifier: {
+            value: '123A'
+          }
+        },
+        {
+          identifier: {
+            value: '123B'
+          }
+        },
+        {
+          identifier: {
+            value: '123C'
+          }
+        },
+        {
+          identifier: {
+            value: '123D'
+          }
+        }
+      ],
+      origin: null,
+      query: 'test',
+      params: {},
+      status: 'initial'
+    }
+  }
+};

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

@@ -10,3 +10,4 @@ export * from './history-queries';
 export * from './query-suggestions';
 export * from './semantic-queries';
 export * from './recommendations';
+export * from './identifier-results';