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