{"library":"vue-highlight-words","type":"library","category":null,"description":"The `vue-highlight-words` library is a Vue component designed to efficiently highlight specified words within a larger body of text. It is currently stable at version 3.0.1, primarily supporting Vue 3.0.0 and above. The package has recently undergone a significant rewrite in TypeScript, as seen in its v3.0.0 release, indicating active maintenance and a commitment to modern web development standards. Its release cadence is tied to Vue's major versions, with v2.0.0 introducing Vue 3 support and v3.0.0 focusing on internal restructuring and type safety. A key differentiator of `vue-highlight-words` is its approach to rendering: unlike many alternatives, it utilizes Vue's `render` function directly instead of relying on `v-html` or `el.innerHTML`. This method significantly enhances security by preventing cross-site scripting (XSS) vulnerabilities often associated with raw HTML injection. The component is a direct port of the popular `react-highlight-words` library, offering a similar API and feature set for Vue developers. It provides options for custom styling, active highlighting, and auto-escaping search terms, making it a robust solution for text highlighting needs within Vue applications.","language":"javascript","status":"active","version":"3.0.1","tags":["javascript","vue","highlight","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-highlight-words","imports":["import Highlighter from 'vue-highlight-words'","const { default: Highlighter } = require('vue-highlight-words')","import type Highlighter from 'vue-highlight-words'"]},{"cmd":"yarn add vue-highlight-words","imports":[]},{"cmd":"pnpm add vue-highlight-words","imports":[]}],"homepage":null,"github":"https://github.com/Astray-git/vue-highlight-words","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-highlight-words","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-highlight-words/compatibility"}}