[Bug Report] v-badge with icon gets broken when window is resized

[sindrepm]

Versions and Environment

Vuetify: 0.17.2
Vue: 2.5.7
Browsers: Chrome 62.0.3202.94
OS: Windows 7

Steps to reproduce

Add a couple of v-badge components with a v-icon as the badge slot.
Resize the window and watch how the badge gets broken.
You can also toggle the "Console" in the Codepen interface a few times which will show the same effect.
The way I first noticed the bug was with the "Exciting announcement" badge in the nav drawer on the docs page.

Expected Behavior

The badge should stay unchanged.

Actual Behavior

The badge is removed and icon just shows instead.

I have debugged the markup before/after and it seems that the surrounding span which has the badge__badge class is simply removed

Before:

...
<span class="badge__badge red">
   <i data-v-fd715c0e="" aria-hidden="true" class="material-icons icon icon--right theme--dark">plus_one</i>
</span>
...

After:

...
   <i data-v-fd715c0e="" aria-hidden="true" class="material-icons icon icon--right theme--dark">plus_one</i>
...

Reproduction Link

https://codepen.io/anon/pen/rYdbdr

Other comments

I guess it must be something to do with how the slot is used/manipulated inside the component, but it is very weird that it happens on window resize. Also, the behavior differs slightly if you put the v-badge inside a navigation drawer or toolbar.

[sindrepm]

Note: this is possibly related to #2550.

[jacekkarczmarczyk]

Simplified testcase https://codepen.io/anon/pen/XzEwwX?editors=1010

Looks like Vue 2.5.4 broke something, 2.5.3 works fine: https://codepen.io/anon/pen/gXeNjy?editors=1010

this.$slots.badge is sometimes undefined in VBadge::render()

[jacekkarczmarczyk]

Duplicate of #2550

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord