GlButton is broken after 114.x.x when using to for a router link

What

After upgrading to gitlab ui 114.x.x all buttons with a to property (router-links) are broken and do not display correctly.

Without to	With to

Code:

<gl-button
        data-testid="new-notification-button"
        variant="confirm"
        :to="{ name: 'customerNotificationsNew' }"
        icon="plus"
        >New notification</gl-button
      >

Fixed (and how to)

The issue on Switchboard was fixed after updating both vue and vue/compat packages to 3.5.18. It is not immediately clear why this "fixed" the problem with the class inheritance, but at the moment of this writing it suffices to close the issue.