v12.2.0

• <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.