[Bug][Fix]: ChartLegend trying to add space character to class list

[weristwiegott]

How does the new code fix the error?

It prevents blank space from being added to classList.

Old code

onMounted(() => { const selector = `.${BulletLegend.selectors.item}` nextTick(() => { const elements = elRef.value?.querySelectorAll(selector) const classes = buttonVariants({ variant: 'ghost', size: 'xs' }).split('') elements?.forEach((el) => el.classList.add(...classes, '!inline-flex', '!mr-2')) }) })

New code

onMounted(() => { const selector = `.${BulletLegend.selectors.item}` nextTick(() => { const elements = elRef.value?.querySelectorAll(selector) const classes = buttonVariants({ variant: 'ghost', size: 'xs' }).split('') elements?.forEach((el) => { el.classList.add(...classes.filter((classValue) => classValue != ' '), '!inline-flex', '!mr-2') }) }) })

File:

ui/chart/ChartLegend.vue