{"library":"vue-line-clamp-3","type":"library","category":null,"description":"vue-line-clamp-3 is a Vue 3 directive designed for truncating multi-line text with an ellipsis, offering a simple, fast, and lightweight solution. It's a direct port of the original vue-line-clamp for Vue 2, ensuring similar functionality and API. The current stable version is 1.0.1, indicating an active but possibly infrequent release cadence since its initial port. A key differentiator is its 'cross-browser' strategy, utilizing `-webkit-line-clamp` for modern browsers and providing a robust JavaScript fallback that calculates `max-height` based on a specified `line-height` for older browsers. This ensures broad compatibility, though the fallback method does not display an ellipsis. The directive allows customization of `text-overflow` and even the entire fallback function through plugin options, making it adaptable to various UI requirements.","language":"javascript","status":"active","version":"1.0.1","tags":["javascript","vue","vue3","vue 3","ellipsis","line-clamp","text-truncate","truncate","multiline"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-line-clamp-3","imports":["import lineClamp from 'vue-line-clamp-3'","import { createApp } from 'vue';\nconst app = createApp({});\napp.use(lineClamp);","<p v-line-clamp:lineHeight=\"numberOfLines\">Long text...</p>"]},{"cmd":"yarn add vue-line-clamp-3","imports":[]},{"cmd":"pnpm add vue-line-clamp-3","imports":[]}],"homepage":null,"github":"https://github.com/neonpictures/vue-line-clamp-3","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-line-clamp-3","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-line-clamp-3/compatibility"}}