vue-reading-time

npm npm

vue-reading-time provides an estimate of how long an article or blog will take for the average adult to read.

install

npm i vue-reading-time

Style

You can style component with the .vue-reading-time class or by adding some class <vue-reading-time element="article-ref" class="my-class" /> or using inline styles <vue-reading-time element="article-ref" style="border:1px solid red />

Demo

Try some style:

.vue-reading-time {
}

Preview - Paragraphs:

Lorem ipsum dolor sit amet

1 min read

Consectetur adipisicing elit. Maxime laudantium consequuntur modi accusantium repudiandae similique illo ipsa id voluptatem.

Aenean non aliquam ligula, vel tristique lectus. Sed eu risus ipsum. Sed a suscipit eros. Sed rhoncus ac velit non molestie. Duis consequat odio id finibus dictum. Vivamus posuere ex vel nisi facilisis, id fringilla turpis finibus. Maecenas in quam volutpat erat varius ultricies ut et quam. Ut eu ligula malesuada, pretium lorem eu, fermentum purus.

Curabitur ultrices fringilla dignissim. Pellentesque feugiat tincidunt orci, pretium condimentum leo convallis in. Sed finibus, sapien a ultricies venenatis, lacus diam tincidunt elit, nec venenatis dolor nunc a orci. Aliquam sed ornare eros, vel egestas orci. Vivamus erat tellus, fringilla ut justo non, maximus bibendum mi. Mauris malesuada, leo ut sodales pretium, ipsum elit hendrerit diam, vel pellentesque orci nisl vel libero. Sed cursus in ligula a ullamcorper. Quisque vitae dapibus odio. Donec eget dictum purus. Praesent fringilla, leo in vulputate interdum, diam dolor aliquet ex, vel placerat neque erat et risus. Proin ut dui vel lacus condimentum porttitor et in tortor.

Proin at risus sit amet lorem interdum mollis. Curabitur eget magna ultricies nibh vehicula faucibus et vel turpis. Nullam vel imperdiet ante. Suspendisse potenti. Mauris sit amet tincidunt dolor. Nunc quis lorem in lectus luctus elementum. Integer sit amet eros in massa viverra consequat. Suspendisse ut est nec metus auctor commodo. Ut convallis massa in quam congue ultricies. Phasellus ante tortor, feugiat et sagittis id, eleifend id lacus. Praesent elementum est id tortor porta laoreet.

Give a star on Github ★

https://github.com/BoraKucukkara/vue-reading-time

Report Bug/Issue

https://github.com/BoraKucukkara/vue-reading-time/issues