1 min read



This component renders a semantic query. A semantic query is a recommended query that is similar in its meaning to another one. It contains the query and the distance, which indicates how similar the query is compared to the searched query.


Name Description Type Default
suggestion The @empathyco/x-types#SemanticQuery to render. SemanticQueryModel


Name Description Bindings
(name - type - description)
default Semantic Query content v-bind {suggestion: object - Suggestion data, query: string - The query that the suggestion belongs to} - BaseSuggestion bindings


A list of events that the component will emit:

See it in action

Here you can see that the semantic query query is rendered.

Play with the default slot

In this example, we add the distance of the semantic query next to the query.