schlunsen / vue-fitty

A vue fit text component using fitty

Vue Fitty

Fitty text wrapper for Vue

Usage

<template>
    <div>
        <!-- Wrap your component with Fitty -->
        <fitty :options="options">
            <template v-slot:content>
            
              <h1>FITTED TEXT HERE</h1>

            </template>
        </fitty>
    </div>
</template>
import Fitty from 'vue-fitty' 
import MyAwesomeComponent from 'my/aweseome/path'

// Install plugin 
Vue.use(Fitty)

export default {
  data: () => ({
      options: {
        minSize: 11,
        maxSize: 120,
      }
  }),
  components: {
    MyAwesomeComponent
  }
  ...
}