Option to disable automatically generated classes

[danielbachhuber]

I'm using Tailwind on my project. If I supply 'hover:underline' as a className, then I'll end up with 'hover:underline hover:underline-url' as my classes.

Similarly, if I supply 'text-blue hover:underline' as className, I'll end up with 'text-blue hover:underline text-blue hover:underline-url' as my classes (note the duplicate 'text-blue' now).

I know adding more options is a faff but it would be nice to disable these automatically generated classes.

[danielbachhuber]

Fortunately, it looks like replaceFn offers a pretty reasonable workaround. Here's what I did for my Vue mixin:

import Autolinker from 'autolinker';
export default {
    methods: {
        autoLink(text, options = {} ) {
            if ( typeof text !== 'string' ) {
                return text;
            }
            return Autolinker.link(text, {
                replaceFn: ( match ) => {
                    if ( typeof options.className === 'undefined' ) {
                        return true;
                    }
                    const tag = match.buildTag();
                    tag.setClass(options.className);
                    return tag;
                },
                ...options,
            });
        },
    }
}