VuejsTypographyFilters

A collection of filters to help you control your type and own your layout. These practical and lightweight filters will help you deliver your interface without compromising on typographic handling.

Make those typos vanish from your app!

Filter Rendered Markup
typoJsonRichText <p>Design%20to%20create%20a%20truly%20unique%20experience.</p> {{ '%3Cp%3EDesign%20to%20create%20a%20truly%20unique%20experience.%3C%2Fp%3E' | typoJsonRichText }}
typoLowerCase How do you do? {{ 'How do you do?' | typoLowerCase }}
typoSmartTypeset 'Some curly... "quotes" for this quote.' -- Some Guy {{ '\'Some curly... "quotes" for this quote.\' -- Some Guy' | typoSmartTypeset }}
typoStripTags <span>This text has <strong>bolded characters from spans</strong>.</span> {{ '<span>This text has <strong>bolded characters from spans</strong>.</span>' | typoLowerCase }}
typoTitleCase My amazing tItLe {{ 'My amazing tItLe' | typoTitleCase }}
typoUpperCase I need attention! {{ 'I need attention!' | typoUpperCase }}
typoWidow This text has a widow at the sentense end. This text has a widow at the sentense end. {{ 'This text has a widow at the sentense end.' | typoWidow }}