bug: color attribute doesn't work on ion-breadcrumbs in Vue

[averyjohnston]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

• v4.x
• v5.x
• v6.x
• Nightly

Current Behavior

Setting the color attribute on ion-breadcrumbs in Vue results in the attribute being missing from the final render. This means the inner ion-breadcrumb elements don't detect the color applied to the outer element, so the text color isn't changed. This only happens in Vue.

The color attribute does work on ion-breadcrumb, although setting it on each breadcrumb individually doesn't change the text color of the separators. (This can be fixed manually via the separator slot, though.)

Expected Behavior

Setting color on ion-breadcrumbs should change the text color of both the inner breadcrumb items and the separators.

Steps to Reproduce

https://stackblitz.com/edit/angular-u4ynrz?file=src%2Fcomponents%2FExample.vue

Code Reproduction URL

https://stackblitz.com/edit/angular-u4ynrz?file=src%2Fcomponents%2FExample.vue

Ionic Info

N/A (see Stackblitz for setup)

Additional Information

No response

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.