[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [Highlight\_2](./x-components.highlight_2.md) ## Highlight\_2 variable Highlights the given part of the text. The component is smart enough to do matches between special characters like tilde, cedilla, eñe, capital letters... **Signature:** ```typescript _default: import("vue").DefineComponent, { hasMatch: import("vue").ComputedRef; matchParts: import("vue").ComputedRef<{ start: string; match: string; end: string; }>; dynamicCSSClasses: import("vue").ComputedRef<{ [x: string]: boolean; 'x-highlight--has-match': boolean; 'xds:highlight-text': boolean; }>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { text: string; highlight: string; matchClass: string; noMatchClass: string; matchingPartClass: string; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```