{"repo":"kawamataryo/vue-word-highlighter","free":true,"listed":false,"github":"https://github.com/kawamataryo/vue-word-highlighter","clone":"git clone https://github.com/kawamataryo/vue-word-highlighter.git","description":"The word highlighter library for Vue 2 and Vue 3.","language":"TypeScript","stars":341,"topics":["vue","vuejs","vue3","typescript","vue-components"],"license":"MIT","category":"ui-components","readme_excerpt":"The word highlighter library for Vue 2 & Vue 3. Demo CodeSandbox 📦 Installation Vue 3 Vue 2 powered by vue-demi. If you get a Uncaught TypeError: e.defineComponent is not a function error, and it doesn't work, try this one from vue-demi 🚀 Usage To use it, just provide it with search words to props and a body of text to default slots. Output. ⚒ Details Props Property Type Required? Description :--- :--- :---: :--- query String or RegExp ✓ Search words. Can be use string or regular expressions. caseSensitive Boolean Whether string being searched is case sensitive. defaults to false . diacriticsSensitive Boolean Whether string being searched is diacritics sensitive. defaults to false . splitBySpace Boolean Whether split the string with spaces to make it a search string. If false, the string is being searched as a whole word. defaults to false . When the query is set to a RegExp, the value of splitBySpace will be set to false. matchMode \"partial\" or \"exact\" If \"exact\", only whole words are matched. For example, searching for \"Java\" excludes \"JavaScript\". Defaults to \"partial\". highlightTag String Type of tag to wrap around highlighted matches; defaults to mark . highlightClass String or Object or Array Classes to be added to highlighted tag. Similar to class bindings in vue, it accepts Array syntax, Object syntax, or class as String. highlightStyle String or Object or Array Styles to be applied to highlighted tag. Similar to style bindings in vue, it accepts Array syntax, Objec","default_branch":null,"files":null,"tree":[],"storefront":"/r/kawamataryo","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kawamataryo/vue-word-highlighter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}