Autocomplete shown for addUtilities but not for addComponents

[sykire]

For example:

function stackComponent({ addUtilities, theme }) {
    const spacing = theme('spacing')
    const stack = {};
    ['', '-sm', '-md'].forEach((size, i) => {
        let cls = `.stack${size}`
        stack[cls] = {
            width: '100%',

            '& > *': {
                marginBottom: spacing[(i+1)*2]
            },
            '& > *:last-child': {
                marginBottom: '0'
            }
        }
    })

    addUtilities(stack)
}

Will show "stack", "stack-sm", "stack-md" in the autocompleter when added as plugin using addUtilities function but won't be shown if added with addComponents function. Both ways correctly adds the rules to the resulting css.

[bradlc]

Added in v0.3.0 🎉