Supports Node.js v14 (#32)

Author: ota-meshi

.travis.yml

@@ -10,6 +10,8 @@ matrix:
       env: DEPS=low
     - node_js: "10"
     - node_js: "12"
+    - node_js: "13"
+    - node_js: "14"
 before_install:
   - if [ "$DEPS" = "low" ]; then npm i -S eslint@5.0.0 eslint-plugin-vue@5.0.0 vue-eslint-parser@5.0.0; fi
 before_deploy:

.vscode/settings.json

@@ -8,15 +8,28 @@
   "typescript.validate.enable": true,
   "javascript.validate.enable": false,
   "eslint.workingDirectories": [
-    {"directory": "./", "changeProcessCWD": true },
-    {"directory": "./docs/.vuepress", "changeProcessCWD": true }
+    "./", "./docs/.vuepress"
   ],
   "vetur.validation.script": false,
   "vetur.validation.style": false,
   "css.validate": false,
   "typescript.tsdk": "node_modules/typescript/lib",
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": true,
+    "source.fixAll.stylelint": true,
   },
-  "editor.codeActionsOnSaveTimeout": 7500
+  "editor.codeActionsOnSaveTimeout": 7500,
+  "stylelint.customSyntax": "stylelint-plugin-stylus/custom-syntax",
+  "stylelint.validate": [
+    "css",
+    "html",
+    "less",
+    "postcss",
+    "sass",
+    "scss",
+    "vue",
+    "vue-html",
+    "vue-postcss",
+    "stylus"
+  ]
 }

docs/.vuepress/components/demo/stylelint.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    extends: ["stylelint-config-standard"],
+    rules: {
+        "no-descending-specificity": null,
+        indentation: null,
+        "selector-max-empty-lines": null,
+        "selector-type-no-unknown": null,
+        "block-no-empty": null
+    },
+}
+

docs/.vuepress/components/playground-block.vue

@@ -155,10 +155,10 @@ function equalsRules(a, b) {
     flex-wrap: wrap;
     height: calc(100% - 100px);
     border: 1px solid #cfd4db;
-
     background-color: #282c34;
     color: #f8c555;
 }
+
 .main-content > .rules-settings {
     height: 100%;
     overflow: auto;
@@ -180,6 +180,7 @@ function equalsRules(a, b) {
     box-sizing: border-box;
     padding: 3px;
 }
+
 .main-content > .editor-content > .messages {
     height: 30%;
     width: 100%;

docs/.vuepress/components/stylelint.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    extends: ["stylelint-config-standard"],
+    rules: {
+        "no-descending-specificity": null,
+        indentation: null,
+    },
+}

docs/.vuepress/styles/index.styl

@@ -1,81 +1,66 @@
-@media screen and (min-width:400px) and ( max-width:450px) {
-  #app .navbar .site-name {
-    font-size: calc(1.3rem * 0.8);
-  }
-}
+@media screen and (min-width: 400px) and (max-width: 450px)
+  #app .navbar .site-name
+    font-size calc(1.3rem * 0.8)
 
-@media screen and (max-width:400px) {
-  #app .navbar {
-    .home-link {
-      display: flex;
-      height: 100%;
-      align-items: center;
-      .site-name {
-        font-size: calc(1.3rem * 0.8);
-        white-space: unset;
-        line-height: 1em;
-      }
-    }
-  }
-}
+@media screen and (max-width: 400px)
+  #app .navbar
+    .home-link
+      display flex
+      height 100%
+      align-items center
+
+      .site-name
+        font-size calc(1.3rem * 0.8)
+        white-space unset
+        line-height 1em
 
 // rule-details
-.theme-container.rule-details .content__default > h1 {
-  font-size: 1.8rem;
+.theme-container.rule-details .content__default > h1
+  font-size 1.8rem
 
-  + blockquote {
-    margin-top: -15px;
-    padding: 0;
-    border: 0;
-    font-weight: 500;
-    font-size: 1.4rem;
-    color: currentColor;
+  + blockquote
+    margin-top -15px
+    padding 0
+    border 0
+    font-weight 500
+    font-size 1.4rem
+    color currentColor
 
-    ::first-letter {
-      text-transform: uppercase;
-    }
+    ::first-letter
+      text-transform uppercase
 
-    p {
-      line-height: 1.2;
-    }
-  }
-}
+    p
+      line-height 1.2
 
 // playground
-.theme-container.playground {
-  .content__default:not(.custom) {
-    max-width: 900px;
-    margin: 0 auto;
-    padding: 2rem 2.5rem;
-  }
+.theme-container.playground
+  .content__default:not(.custom)
+    max-width 900px
+    margin 0 auto
+    padding 2rem 2.5rem
+
+  .app
+    height calc(100vh - 70px)
+
+  .sidebar-button
+    display block
+
+  .navbar
+    padding-left 4rem
+
+  .sidebar
+    top 0
+    padding-top 3.6rem
+    transform translateX(-100%)
+    transition transform 0.2s ease
+
+  .page
+    padding-left 0
 
-  .app {
-    height: calc(100vh - 70px);
-  }
+.theme-container
+  .sidebar
+    transition transform 0.2s ease
 
-  .sidebar-button {
-    display: block;
-  }
-  .navbar {
-    padding-left: 4rem;
-  }
-  .sidebar {
-    top: 0;
-    padding-top: 3.6rem;
-    transform: translateX(-100%);
-    transition: transform 0.2s ease;
-  }
-  .page {
-    padding-left: 0;
-  }
-}
-.theme-container {
-  .sidebar {
-    transition: transform 0.2s ease;
-  }
-}
-.theme-container.playground.sidebar-open {
-  .sidebar {
-    transform: translateX(0);
-  }
-}
+.theme-container.playground.sidebar-open
+  .sidebar
+    transform translateX(0)

docs/.vuepress/styles/palette.styl

@@ -0,0 +1,6 @@
+module.exports = {
+    extends: ["stylelint-config-standard", "stylelint-plugin-stylus/standard"],
+    rules: {
+        "no-descending-specificity": null,
+    },
+}