@empathyco/x-components/docs/API-reference/api/x-components.spellcheck.md

Empathy X Components

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [Spellcheck](./x-components.spellcheck.md)

## Spellcheck variable

The `Spellcheck` component allows to inform the user with a friendly message that he might have misspelled the search query. This message can be set using the default slot of the component, which gives access to the searched query using the `query` scope property, and the spellchecked query proposal, using the `spellcheckedQuery` scope property.

The component will only render itself if the `spellcheckedQuery` property has value.

**Signature:**

```typescript
_default: import("vue").DefineComponent<{}, {
    query: import("vue").ComputedRef<string>;
    spellcheckedQuery: import("vue").ComputedRef<string>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
```