diff --git a/packages/_vue3-migration-test/src/main.ts b/packages/_vue3-migration-test/src/main.ts
index 0a7f77e02f..22930de3d6 100644
--- a/packages/_vue3-migration-test/src/main.ts
+++ b/packages/_vue3-migration-test/src/main.ts
@@ -2,6 +2,7 @@ import { XComponentsAdapter } from '@empathyco/x-types';
import { Component, configureCompat, createApp } from 'vue';
import { createStore } from 'vuex';
import { xPlugin } from '../../x-components/src/plugins/x-plugin';
+import { getRelatedTagsStub } from '../../x-components/src/__stubs__/related-tags-stubs.factory';
import { getQuerySuggestionsStub } from '../../x-components/src/__stubs__/query-suggestions-stubs.factory';
import App from './App.vue';
import router from './router';
@@ -35,11 +36,15 @@ if (VUE_COMPAT_MODE === 2) {
}
const adapter = {
- querySuggestions: request =>
+ relatedTags: () =>
+ new Promise(resolve => {
+ resolve({ relatedTags: getRelatedTagsStub(10) });
+ }),
+ querySuggestions: (request: QuerySuggestionsRequest) =>
new Promise(resolve => {
resolve({ suggestions: getQuerySuggestionsStub(request.query, 5) });
})
-} as XComponentsAdapter;
+} as unknown as XComponentsAdapter;
const store = createStore({});
diff --git a/packages/_vue3-migration-test/src/router.ts b/packages/_vue3-migration-test/src/router.ts
index 501bde5658..6c5977b1a0 100644
--- a/packages/_vue3-migration-test/src/router.ts
+++ b/packages/_vue3-migration-test/src/router.ts
@@ -29,6 +29,7 @@ import {
TestBaseResultImages,
TestBasePanel,
TestBaseKeyboardNavigation,
+ TestRelatedTags,
TestPartialResultsList,
TestBaseEventsModal,
TestBaseIdModal,
@@ -182,6 +183,11 @@ const routes = [
name: 'BaseKeyboardNavigation',
component: TestBaseKeyboardNavigation
},
+ {
+ path: '/related-tags',
+ name: 'RelatedTags',
+ component: TestRelatedTags
+ },
{
path: '/partial-results-list',
name: 'PartialResultsList',
diff --git a/packages/_vue3-migration-test/src/x-modules/index.ts b/packages/_vue3-migration-test/src/x-modules/index.ts
index 82220304c0..a1fae1bb89 100644
--- a/packages/_vue3-migration-test/src/x-modules/index.ts
+++ b/packages/_vue3-migration-test/src/x-modules/index.ts
@@ -5,6 +5,7 @@ export * from './search';
export * from './search-box';
export { default as TestElementsList } from './test-elements-list.vue';
export * from './scroll';
+export * from './related-tags';
export * from './history-queries';
export * from './query-suggestions';
export * from './semantic-queries';
diff --git a/packages/_vue3-migration-test/src/x-modules/related-tags/index.ts b/packages/_vue3-migration-test/src/x-modules/related-tags/index.ts
new file mode 100644
index 0000000000..ae1b28acde
--- /dev/null
+++ b/packages/_vue3-migration-test/src/x-modules/related-tags/index.ts
@@ -0,0 +1 @@
+export { default as TestRelatedTags } from './test-related-tags.vue';
diff --git a/packages/_vue3-migration-test/src/x-modules/related-tags/test-related-tags.vue b/packages/_vue3-migration-test/src/x-modules/related-tags/test-related-tags.vue
new file mode 100644
index 0000000000..4bdf1c7323
--- /dev/null
+++ b/packages/_vue3-migration-test/src/x-modules/related-tags/test-related-tags.vue
@@ -0,0 +1,17 @@
+
+
+ Query:
+ {{ query }}
+
+
+
+
+
+
diff --git a/packages/x-components/src/plugins/__tests__/x-plugin-alias.spec.ts b/packages/x-components/src/plugins/__tests__/x-plugin-alias.spec.ts
index 1b04ede1ad..26d872732b 100644
--- a/packages/x-components/src/plugins/__tests__/x-plugin-alias.spec.ts
+++ b/packages/x-components/src/plugins/__tests__/x-plugin-alias.spec.ts
@@ -50,7 +50,7 @@ describe('testing plugin alias', () => {
popularSearches: undefined,
querySuggestions: 'initial', // It is already registered by the `querySuggestionsXModule` import itself
recommendations: undefined,
- relatedTags: undefined,
+ relatedTags: 'initial', // It is already registered by the `relatedTagsXModule` import itself
search: undefined
},
device: null,
diff --git a/packages/x-components/src/x-modules/related-tags/components/related-tag.vue b/packages/x-components/src/x-modules/related-tags/components/related-tag.vue
index 9ed81a4b90..90fbf0f58f 100644
--- a/packages/x-components/src/x-modules/related-tags/components/related-tag.vue
+++ b/packages/x-components/src/x-modules/related-tags/components/related-tag.vue
@@ -1,5 +1,6 @@