vue-loader 12.2.0

on Node.js NPM

<style scoped> now support "deep" selectors that can affect child components using the >>> combinator:

.foo >>> .bar { color: red; }

will be compiled into:

.foo[data-v-xxxxxxx] .bar { color: red; }

keyframes inside <style scoped> will now become scoped.

@keyframes foo { ... }
.animated { animation: foo 1s; }

will be compiled into

@keyframes foo-data-v-xxxxxxx { ... }
.animated { animation: foo-data-v-xxxxxxx 1s; }

Note: this only works if the keyframes declaration and the animation rules are inside the same <style> block.