Can't seem to get fitty to work in a vue.js component.

[toddpadwick]

I am trying to get fitty to run in vue js component and have imported the plugin, and am then running the method on the mounted() lifecycle hook. But its returning the reference error: fitty is not defined error.

Here is my code. do you know how I could get this working?

	<script>

		import Fitty from 'fitty'

		export default {
			name:'GhostHeadline',
			beforeCreate() {  

	        },
			props: {
				headline: {
					required:true,
					type:String
				}
			},
			mounted() {
				this.resizeHeadline();
			},
			methods: {
				resizeHeadline() {
					const headline = this.$refs.headline
					fitty(headline, {
						maxSize:1000
					})
				}
			}
		}
	</script>

[rikschennink]

Maybe related to: #61

Also, in your snippet you're importing Fitty with a capital F instead of fitty.

[toddpadwick]

You're right. it was just a stupid mistake on my part - Fitty with a capital F instead of lowercase. Thanks @rikschennink