feat(prefer-template): ignore style block

Author: waynzh

lib/rules/prefer-template.js

@@ -6,6 +6,4 @@
 const { wrapCoreRule } = require('../utils')
 
 // eslint-disable-next-line internal/no-invalid-meta
-module.exports = wrapCoreRule('prefer-template', {
-  applyDocument: true
-})
+module.exports = wrapCoreRule('prefer-template')

tests/lib/rules/prefer-template.js

@@ -28,7 +28,15 @@ tester.run('prefer-template', rule, {
     .text {
       color: v-bind('\`#\${hex}\`')
     }
-    </style>`
+    </style>`,
+    // https://github.com/vuejs/eslint-plugin-vue/issues/2712
+    `
+    <style>
+    .text {
+      color: v-bind('"#"+hex')
+    }
+    </style>
+    `
   ],
   invalid: [
     {
@@ -64,27 +72,6 @@ tester.run('prefer-template', rule, {
           line: 3
         }
       ]
-    },
-    // CSS vars injection
-    {
-      code: `
-      <style>
-      .text {
-        color: v-bind('"#"+hex')
-      }
-      </style>`,
-      output: `
-      <style>
-      .text {
-        color: v-bind('\`#\${hex}\`')
-      }
-      </style>`,
-      errors: [
-        {
-          message: 'Unexpected string concatenation.',
-          line: 4
-        }
-      ]
     }
   ]
 })