refactor: Migrate preselected filters component

[annacv]

Pull request template

Migrate the PreselectedFilters component to Vue 2.7

Motivation and context

• Dependencies. If any, specify:
• Open issue. If applicable, link: EMP-3378

Type of change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that causes existing functionality to not work as expected)
• Change requires a documentation update

What is the destination branch of this PR?

• Main
• Other. Specify:

How has this been tested?

Tests performed according to testing guidelines:

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review on my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.

TEST
Check the component is working as expected:

• Use this code snippet before initialising the library:

InterfaceX.setSnippetConfig({
  filters: [`brand:marni`]
});

• When X is opened, search for a query and check that the filter is shown as selected.
• Close X, do the same again with another filter & check that the new search applies the new filter.
• Additionally you can use the PreselectedFilters component and pass a filter using the filters prop.

[CachedaCodes]

If you don't care what the metadata is in the tests, you can use expect.any(Object).
Remove this and use that instead.

[CachedaCodes]

Use the render function instead, it's more declarative.

Suggested change

	return () => useNoElementRender(slots);
	}
	},
	render() {
	return useNoElementRender(this.$slots)
	}

[annacv]

Hi, if I'm not wrong render is only available if we use the Options API, for the Composition API we should use h and return it directly, which I think is almost the same we are doing now.

[CachedaCodes]

The defineComponent function receives an options object that is more or less the same type of object you create in the options API (you are using it already, passing the props and setting up a name). render is one of the options that you can send to defineComponent and will work with setup when setup doesn't use return

[CachedaCodes]

The defineComponent function receives an options object that is more or less the same type of object you create in the options API (you are using it already, passing the props and setting up a name). render is one of the options that you can send to defineComponent and will work with setup when setup doesn't use return