chore: update deps (#41)

* chore: update deps

* fix: /deep/ is now parsed as a combinator in postcss-selector-parser v5

Author: haoqunjiang

.circleci/config.yml

@@ -6,7 +6,7 @@ version: 2
 jobs:
   build:
     docker:
-      - image: circleci/node:6
+      - image: circleci/node:8
 
     working_directory: ~/repo
 

lib/stylePlugins/scoped.ts

@@ -26,20 +26,15 @@ export default postcss.plugin('add-id', (options: any) => (root: Root) => {
 
         selector.each((n: any) => {
           // ">>>" combinator
-          if (n.type === 'combinator' && n.value === '>>>') {
+          // and /deep/ alias for >>>, since >>> doesn't work in SASS
+          if (
+            n.type === 'combinator' &&
+            (n.value === '>>>' || n.value === '/deep/')
+          ) {
             n.value = ' '
             n.spaces.before = n.spaces.after = ''
             return false
           }
-          // /deep/ alias for >>>, since >>> doesn't work in SASS
-          if (n.type === 'tag' && n.value === '/deep/') {
-            const prev = n.prev()
-            if (prev && prev.type === 'combinator' && prev.value === ' ') {
-              prev.remove()
-            }
-            n.remove()
-            return false
-          }
           if (n.type !== 'pseudo' && n.type !== 'combinator') {
             node = n
           }

package.json

@@ -37,29 +37,29 @@
   "homepage": "https://github.com/vuejs/component-compiler-utils#readme",
   "devDependencies": {
     "@types/jest": "^22.2.3",
-    "@types/node": "^9.4.7",
-    "conventional-changelog-cli": "^1.3.22",
+    "@types/node": "^10.12.18",
+    "conventional-changelog-cli": "^2.0.11",
     "jest": "^22.4.2",
-    "less": "^3.0.1",
-    "lint-staged": "^7.2.0",
-    "node-sass": "^4.8.3",
+    "less": "^3.9.0",
+    "lint-staged": "^8.1.0",
+    "node-sass": "^4.11.0",
     "pug": "^2.0.3",
     "stylus": "^0.54.5",
     "ts-jest": "^22.4.2",
     "typescript": "^2.7.2",
-    "vue": "^2.5.17",
-    "vue-template-compiler": "^2.5.17",
-    "yorkie": "^1.0.3"
+    "vue": "^2.5.21",
+    "vue-template-compiler": "^2.5.21",
+    "yorkie": "^2.0.0"
   },
   "dependencies": {
     "consolidate": "^0.15.1",
     "hash-sum": "^1.0.2",
     "lru-cache": "^4.1.2",
     "merge-source-map": "^1.1.0",
-    "postcss": "^6.0.20",
-    "postcss-selector-parser": "^3.1.1",
+    "postcss": "^7.0.7",
+    "postcss-selector-parser": "^5.0.0",
     "prettier": "1.13.7",
-    "source-map": "^0.5.6",
+    "source-map": "^0.7.3",
     "vue-template-es2015-compiler": "^1.6.0"
   }
 }

test/stylePluginScoped.spec.ts

@@ -72,7 +72,11 @@ h1 {
 }
 .foo p >>> .bar {
   color: red;
-}`
+}
+.foo div /deep/ .bar {
+  color: red;
+}
+`
   })
 
   expect(style).toContain(`.test[v-scope-xxx] {\n  color: yellow;\n}`)
@@ -101,6 +105,8 @@ h1 {
   expect(style).toContain(`@-webkit-keyframes opacity-v-scope-xxx {`)
   // >>> combinator
   expect(style).toContain(`.foo p[v-scope-xxx] .bar {\n  color: red;\n}`)
+  // /deep/ alias for >>>
+  expect(style).toContain(`.foo div[v-scope-xxx] .bar {\n  color: red;\n}`)
 })
 
 test('pseudo element', () => {