@lumenpink/vue3-fitty
Version:
Fitty text wrapper for Vue 3
45 lines (34 loc) • 1.19 kB
Markdown
# Vue3 Fitty
Fitty text wrapper for Vue 3
This is a fork/update to Vue 3 and TypeScript of the [vue-fitty](https://github.com/schlunsen/vue-fitty) package from [Rasmus Schlünsen](https://github.com/schlunsen)
[](https://npmjs.com/package/vue3-fitty)
[](https://npmjs.com/package/vue3-fitty)
[](https://david-dm.org/schlunsen/vue-fitty)
## Usage
```
<template>
<div>
<!-- Wrap your component with Fitty -->
<fitty :options="options">
<h1>FITTED TEXT HERE</h1>
</fitty>
</div>
</template>
import Fitty from 'vue3-fitty'
import MyAwesomeComponent from 'my/aweseome/path'
// Install plugin
Vue.use(Fitty)
export default {
data: () => ({
options: {
minSize: 11,
maxSize: 120,
}
}),
components: {
MyAwesomeComponent
}
...
}
```