Supports for Vue.js 3.x (#38)

* Supports for Vue.js 3.x

### Breaking Changes
- Drop supports ESLint 5.x
- Drop supports `vue-eslint-parser` 5.x and 6.x
- Move "vue-eslint-parser" to "peerDependencies"
- Upgrade deps

### Enhancements

- Supports for Vue.js 3.x Scoped styles
- Change `vue-scoped-css/no-unused-selector` rule to support `::v-deep()`,`::v-slotted()` and `::v-global` pseudo-classes.
- Change `vue-scoped-css/require-selector-used-inside` rule to support `::v-deep()`,`::v-slotted()` and `::v-global` pseudo-classes.

https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md

* downgrade mocha

* update CI

Author: ota-meshi

.github/workflows/NodeCI.yml

@@ -0,0 +1,66 @@
+name: CI
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    branches: [master]
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 14
+    - name: Install Packages
+      run: npm install
+    - name: Lint
+      run: npm run lint
+  test:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [10.13.x, 12.x, 13.x, 14.x]
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: Install Packages
+      run: npm install
+    - name: build
+      run: npm run build
+    - name: Test
+      run: npm test
+  test-with-eslint6:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 8.10.x
+    - name: Install Target Packages
+      run: |+
+        npm i -D eslint@6.0.0
+        npx rimraf node_modules
+        npm install
+    - name: Test
+      run: npm test
+  test-and-coverage:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+    - name: Install Packages
+      run: npm install
+    - name: Test
+      run: npm run test:nyc
+    - name: Install Coveralls
+      run: npm i -D coveralls
+    - name: Coveralls GitHub Action
+      uses: coverallsapp/github-action@v1.1.1
+      with:
+        github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/NpmPublish.yml

@@ -0,0 +1,28 @@
+name: publish
+on:
+  push:
+    tags:
+      - "*"
+jobs:
+  release:
+    name: check version, and release
+    runs-on: ubuntu-latest
+    steps:
+    - name: checkout
+      uses: actions/checkout@v1
+    - name: setup Node
+      uses: actions/setup-node@v1
+      with:
+        registry-url: 'https://registry.npmjs.org'
+    - name: Install Packages
+      run: npm install
+    - name: test
+      run: npm run test
+    - name: check can npm-publish
+      run: npx can-npm-publish
+    - name: build
+      run: npm run build
+    - name: release
+      run: npm publish
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.travis.yml

@@ -9,7 +9,7 @@
 [![NPM downloads](https://img.shields.io/npm/dm/eslint-plugin-vue-scoped-css.svg)](http://www.npmtrends.com/eslint-plugin-vue-scoped-css)
 [![NPM downloads](https://img.shields.io/npm/dy/eslint-plugin-vue-scoped-css.svg)](http://www.npmtrends.com/eslint-plugin-vue-scoped-css)
 [![NPM downloads](https://img.shields.io/npm/dt/eslint-plugin-vue-scoped-css.svg)](http://www.npmtrends.com/eslint-plugin-vue-scoped-css)
-[![Build Status](https://travis-ci.com/future-architect/eslint-plugin-vue-scoped-css.svg?branch=master)](https://travis-ci.com/future-architect/eslint-plugin-vue-scoped-css)
+[![Build Status](https://github.com/future-architect/eslint-plugin-vue-scoped-css/workflows/CI/badge.svg?branch=master)](https://github.com/future-architect/eslint-plugin-vue-scoped-css/actions?query=workflow%3ACI)
 [![Coverage Status](https://coveralls.io/repos/github/future-architect/eslint-plugin-vue-scoped-css/badge.svg?branch=master)](https://coveralls.io/github/future-architect/eslint-plugin-vue-scoped-css?branch=master)
 <!--
 [![Greenkeeper badge](https://badges.greenkeeper.io/future-architect/eslint-plugin-vue-scoped-css.svg)](https://greenkeeper.io/)
@@ -103,6 +103,23 @@ Enforce all the rules in this category with:
 | [vue-scoped-css/no-unused-selector](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-unused-selector.html) | Reports selectors defined in Scoped CSS not used in `<template>`. |  |
 | [vue-scoped-css/require-scoped](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/require-scoped.html) | Enforce the `<style>` tags to has the `scoped` attribute. |  |
 
+## Recommended for Vue.js 3.x
+
+Enforce all the rules in this category with:
+
+```json
+{
+  "extends": "plugin:vue-scoped-css/vue3-recommended"
+}
+```
+
+| Rule ID | Description |    |
+|:--------|:------------|:---|
+| [vue-scoped-css/no-parsing-error](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-parsing-error.html) | Disallow parsing errors in `<style>` |  |
+| [vue-scoped-css/no-unused-keyframes](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-unused-keyframes.html) | Reports the `@keyframes` is not used in Scoped CSS. |  |
+| [vue-scoped-css/no-unused-selector](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/no-unused-selector.html) | Reports selectors defined in Scoped CSS not used in `<template>`. |  |
+| [vue-scoped-css/require-scoped](https://future-architect.github.io/eslint-plugin-vue-scoped-css/rules/require-scoped.html) | Enforce the `<style>` tags to has the `scoped` attribute. |  |
+
 ## Uncategorized
 
 No preset enables the rules in this category.

README.md

@@ -27,12 +27,12 @@ for (const categoryId of Object.keys(categoryRules)) {
     }
 }
 
-module.exports = categoryIds.map(categoryId => ({
+module.exports = categoryIds.map((categoryId) => ({
     categoryId,
     title: categoryTitles[categoryId],
     configDescription: categoryConfigDescriptions[categoryId],
     rules: (categoryRules[categoryId] || []).filter(
-        rule => !rule.meta.deprecated
+        (rule) => !rule.meta.deprecated
     ),
 }))
 // .filter(category => category.rules.length >= 1)

deploy.sh

@@ -129,7 +129,7 @@ export default {
 
             const vm = this
             const verifyAndFix = linter.verifyAndFix.bind(linter)
-            linter.verifyAndFix = function(...args) {
+            linter.verifyAndFix = function (...args) {
                 args[2].preprocess = vm.preprocess
                 args[2].postprocess = vm.postprocess
                 return verifyAndFix(...args)

docs/.vuepress/categories.js

@@ -11,18 +11,18 @@
                     <label class="category-title">
                         <input
                             :checked="
-                                category.rules.every(rule =>
+                                category.rules.every((rule) =>
                                     isErrorState(rule.ruleId)
                                 )
                             "
                             type="checkbox"
                             :indeterminate.prop="
-                                !category.rules.every(rule =>
+                                !category.rules.every((rule) =>
                                     isErrorState(rule.ruleId)
                                 ) &&
-                                    !category.rules.every(
-                                        rule => !isErrorState(rule.ruleId)
-                                    )
+                                !category.rules.every(
+                                    (rule) => !isErrorState(rule.ruleId)
+                                )
                             "
                             @input="onAllClick(category, $event)"
                         />

docs/.vuepress/components/components/EslintPluginEditor.vue

@@ -44,7 +44,7 @@ function setup() {
         clearTimeout(timeoutId)
     }
     timeoutId = setTimeout(() => {
-        ;(function(d, s, id) {
+        ;(function (d, s, id) {
             const [fjs] = d.getElementsByTagName(s)
             if (d.getElementById(id)) {
                 return
@@ -54,7 +54,7 @@ function setup() {
             js.src = "https://buttons.github.io/buttons.js"
             fjs.parentNode.insertBefore(js, fjs)
         })(document, "script", "gh-buttons")
-        ;(function(d, s, id) {
+        ;(function (d, s, id) {
             const [fjs] = d.getElementsByTagName(s)
             if (d.getElementById(id)) {
                 return
@@ -65,7 +65,7 @@ function setup() {
                 "https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10"
             fjs.parentNode.insertBefore(js, fjs)
         })(document, "script", "facebook-jssdk")
-        ;(function(d, s, id) {
+        ;(function (d, s, id) {
             const [fjs] = d.getElementsByTagName(s)
             const p = /^http:/u.test(d.location) ? "http" : "https"
             if (!d.getElementById(id)) {

docs/.vuepress/components/components/RulesSettings.vue

@@ -49,7 +49,8 @@ export default {
             }
             return nodes
                 .map(
-                    node => node.text || this.computeCodeFromSlot(node.children)
+                    (node) =>
+                        node.text || this.computeCodeFromSlot(node.children)
                 )
                 .join("")
         },