diff options
Diffstat (limited to 'src/tools/text-statistics/text-statistics.vue')
| -rw-r--r-- | src/tools/text-statistics/text-statistics.vue | 27 |
1 files changed, 22 insertions, 5 deletions
diff --git a/src/tools/text-statistics/text-statistics.vue b/src/tools/text-statistics/text-statistics.vue index 1563c43..90504ce 100644 --- a/src/tools/text-statistics/text-statistics.vue +++ b/src/tools/text-statistics/text-statistics.vue @@ -1,13 +1,30 @@ <template> <n-card> - <n-input v-model:value="text" type="textarea" placeholder="Your text..." rows="5" /> + <n-input + v-model:value="text" + type="textarea" + placeholder="Your text..." + rows="5" + /> <br> <br> <n-space justify="space-around"> - <n-statistic label="Character count" :value="text.length" /> - <n-statistic label="Word count" :value="text.split(/\s+/).length" /> - <n-statistic label="Line count" :value="text.split(/\r\n|\r|\n/).length" /> - <n-statistic label="Byte size" :value="formatBytes(getStringSizeInBytes(text))" /> + <n-statistic + label="Character count" + :value="text.length" + /> + <n-statistic + label="Word count" + :value="text.split(/\s+/).length" + /> + <n-statistic + label="Line count" + :value="text.split(/\r\n|\r|\n/).length" + /> + <n-statistic + label="Byte size" + :value="formatBytes(getStringSizeInBytes(text))" + /> </n-space> </n-card> </template> |