fix scoped id if keyframes has prefix (#934)

* add -webkit-keyframes in test

* add scope id if keyframes has prefix

* add @-webkit-keyframes in test

Author: mpr0xy

lib/style-compiler/plugins/scope-id.js

@@ -11,7 +11,7 @@ module.exports = postcss.plugin('add-id', function (opts) {
         if (node.type === 'atrule') {
           if (node.name === 'media' || node.name === 'supports') {
             node.each(rewriteSelector)
-          } else if (node.name === 'keyframes') {
+          } else if (/-?keyframes$/.test(node.name)) {
             // register keyframes
             keyframes[node.params] = node.params = node.params + '-' + opts.id
           }

test/fixtures/scoped-css.vue

@@ -19,6 +19,10 @@ h1 {
   from { color: red; }
   to { color: green; }
 }
+@-webkit-keyframes color {
+  from { color: red; }
+  to { color: green; }
+}
 .foo p >>> .bar {
   color: red;
 }

test/test.js

@@ -237,6 +237,7 @@ describe('vue-loader', function () {
       expect(style).to.contain(`.anim[${id}] {\n  animation: color-${id} 5s infinite, other 5s;`)
       expect(style).to.contain(`.anim-2[${id}] {\n  animation-name: color-${id}`)
       expect(style).to.contain(`@keyframes color-${id} {`)
+      expect(style).to.contain(`@-webkit-keyframes color-${id} {`)
       // >>> combinator
       expect(style).to.contain(`.foo p[${id}] .bar {\n  color: red;\n}`)
       done()