vue-no-orphans v1.0.1

vue-no-orphans

Ensures titles never line break into a single orphan word.

*Notice: currently the directive doesnt work too well with HMR*

Example

without

using the v-no-orphans directive

installation

npm i vue-no-orphans

Globally install the plugin

import { createApp } from 'vue';
import { VueNoOrphansPlugin } from 'vue-no-orphans';

const app = createApp(App);
app.use(VueNoOrphansPlugin);

Use the v-no-orphans directive on your titles

<div>
  <h1 v-no-orphans>keep atleast two works on the last line</h1>
</div>