lumenpink/vue3-fitty

A vue3 fit text component using fitty

Vue3 Fitty

Fitty text wrapper for Vue 3

This is a fork/update to Vue 3 and TypeScript of the vue-fitty package from Rasmus Schlünsen

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
  }
  ...
}