Vue Wrap Balancer

Vue port of React Wrap Balancer. Check here for a demo.

Vue Wrap Balancer is a simple Vue Component that makes your titles more readable in different viewport sizes. It improves the wrapping to avoid situations like single word in the last line, makes the content more “balanced”:

Installation

pnpm add vue-wrap-balancer

Usage

<script setup>
import Balancer from 'vue-wrap-balancer'
</script>

<template>
  <h1>
    <Balancer>My Awesome Title</Balancer>
  </h1>
</template>

License

MIT

GitHub

View Github