Vue 3 Read Time

Plugin vue 3 to caculate reading time paragraph

Install

npm install vue3-read-time

Configuration

import { createApp } from "vue";
import App from "./App.vue";
import { vueReadTime } from 'vue3-read-time';

const app = createApp(App);
app.use(vueReadTime);
app.mount("#app");

Usage

<script setup lang="ts">
import { type ReadTimeConfiguration } from 'vue3-read-time'
import { ref } from "vue";
const readTime=ref('');
const readTimeConfig: ReadTimeConfiguration={
  wordsPerMinute: 200,
  readTimeCalculated(time) {
    console.log(time);
    readTime.value=time;
  },
}
</script>

<template>
  <h1>Read Time: {{readTime}}</h1>
  <div v-readTime="readTimeConfig">
    Lorem ipsum dolor sit amet 
  </div>
</template>