CHANGELOG.md

@@ -1,3 +1,18 @@
+<a name="15.9.2"></a>
+## [15.9.2](https://github.com/vuejs/vue-loader/compare/v15.9.1...v15.9.2) (2020-05-01)
+
+
+### Bug Fixes
+
+* fix getting shadow root when component is functional ([#1560](https://github.com/vuejs/vue-loader/issues/1560)) ([9a7357a](https://github.com/vuejs/vue-loader/commit/9a7357a))
+
+
+### Documentation
+
+* add DocSearch as recommended by vuepress ([#1662](https://github.com/vuejs/vue-loader/issues/1662)) ([032d56b](https://github.com/vuejs/vue-loader/commit/032d56b))
+
+
+
 <a name="15.9.1"></a>
 ## [15.9.1](https://github.com/vuejs/vue-loader/compare/v15.9.0...v15.9.1) (2020-03-19)
 

docs/guide/scoped-css.md

@@ -70,6 +70,6 @@ DOM content created with `v-html` are not affected by scoped styles, but you can
 
 ## Also Keep in Mind
 
-- **Scoped styles do not eliminate the need for classes**. Due to the way browsers render various CSS selectors, `p { color: red }` will be many times slower when scoped (i.e. when combined with an attribute selector). If you use classes or ids instead, such as in `.example { color: red }`, then you virtually eliminate that performance hit. [Here's a playground](https://stevesouders.com/efws/css-selectors/csscreate.php) where you can test the differences yourself.
+- **Scoped styles do not eliminate the need for classes**. Due to the way browsers render various CSS selectors, `p { color: red }` will be many times slower when scoped (i.e. when combined with an attribute selector). If you use classes or ids instead, such as in `.example { color: red }`, then you virtually eliminate that performance hit. 
 
 - **Be careful with descendant selectors in recursive components!** For a CSS rule with the selector `.a .b`, if the element that matches `.a` contains a recursive child component, then all `.b` in that child component will be matched by the rule.

lib/plugin-webpack5.js

@@ -38,6 +38,10 @@ class VueLoaderPlugin {
     let vueRules = []
 
     for (const rawRule of rules) {
+      // skip rules with 'enforce'. eg. rule for eslint-loader
+      if (rawRule.enforce) {
+        continue
+      }
       // skip the `include` check when locating the vue rule
       const clonedRawRule = Object.assign({}, rawRule)
       delete clonedRawRule.include

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-loader",
-  "version": "15.9.2",
+  "version": "15.9.3",
   "description": "Vue single-file component loader for Webpack",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -88,7 +88,7 @@
     "stylus-loader": "^3.0.2",
     "sugarss": "^1.0.1",
     "ts-loader": "^4.2.0",
-    "typescript": "^2.8.3",
+    "typescript": "^3.9.5",
     "url-loader": "^1.0.1",
     "vue": "^2.5.16",
     "vue-server-renderer": "^2.5.16",

test/advanced.spec.js

@@ -241,6 +241,20 @@ test('support rules with oneOf', async () => {
   })
 })
 
+test('should work with eslint loader', async () => {
+  // TODO:
+  return new Promise(resolve => {
+    bundle({
+      entry: 'basic.vue',
+      modify: config => {
+        config.module.rules.unshift({
+          test: /\.vue$/, loader: 'vue-loader', enforce: 'pre'
+        })
+      }
+    }, () => resolve())
+  })
+})
+
 // TODO
 // test('multiple rule definitions', done => {
 //   mockBundleAndRun({