Awesome
Vue Text Middle Ellipsis
A Simple vue-directive for the text middle ellipsis.
Install
npm install vue-text-middle-ellipsis --save # or yarn add vue-text-middle-ellipsis
import Vue from 'vue';
import textMiddleEllipsis from 'vue-text-middle-ellipsis';
Vue.use(textMiddleEllipsis);
Usage
<p v-text-middle-ellipsis="4">Some long text.</p>
The value passed to the directive - is the count of symbols from the end of string that you are want to preserve from truncate.
Result
'Some...ext.'
Live example
<img width="493" height="350" src="https://raw.githubusercontent.com/Tardigrada777/vue-text-middle-ellipsis/master/docs/text-middle-ellipsis-example.gif">Is it useful for you?
Please star this repo. Perhaps you have an idea how to improve this solution? Feel free to suggest your PR.
Contributing
- Check the open issues or open a new issue to start a discussion around your feature idea or the bug you found.
- Fork repository, make changes, add your name and link in the authors session readme.md (create if it's not exist)
- Send a pull request
- And finally...thank you :)