From 6b1d77d9465d47fe80ebdbd0728904afb832a597 Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 18:58:30 +0800
Subject: [PATCH 1/7] chore: update nuxt example

---
 examples/nuxt/package.json    | 2 +-
 examples/nuxt/pages/index.vue | 9 ++-------
 examples/nuxt/yarn.lock       | 8 ++++----
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/examples/nuxt/package.json b/examples/nuxt/package.json
index 0abd8a9..2c3a0d0 100644
--- a/examples/nuxt/package.json
+++ b/examples/nuxt/package.json
@@ -5,6 +5,6 @@
   "license": "MIT",
   "dependencies": {
     "nuxt": "^2.11.0",
-    "styled-vue": "^0.3.2"
+    "styled-vue": "^0.3.3"
   }
 }
diff --git a/examples/nuxt/pages/index.vue b/examples/nuxt/pages/index.vue
index 7d09c7e..373772d 100644
--- a/examples/nuxt/pages/index.vue
+++ b/examples/nuxt/pages/index.vue
@@ -2,7 +2,7 @@
   <div>
     <h1>Hello Nuxt</h1>
     <h2>And hello styled-vue</h2>
-    <p>This is awesome!</p>
+    <p>This is awesome! (maybe)</p>
   </div>
 </template>
 
@@ -17,10 +17,6 @@ export default {
     h2 {
       font-style: italic;
     }
-    p {
-      color: #999;
-      background: ${vm => vm.textBg};
-    }
   `,
   globalStyle: css`
     body {
@@ -29,8 +25,7 @@ export default {
   `,
   data() {
     return {
-      bg: 'cyan',
-      textBg: 'red'
+      bg: 'cyan'
     }
   }
 }
diff --git a/examples/nuxt/yarn.lock b/examples/nuxt/yarn.lock
index 0b0d607..c170338 100644
--- a/examples/nuxt/yarn.lock
+++ b/examples/nuxt/yarn.lock
@@ -6264,10 +6264,10 @@ style-resources-loader@^1.3.2:
     loader-utils "^1.2.3"
     schema-utils "^2.6.1"
 
-styled-vue@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/styled-vue/-/styled-vue-0.3.2.tgz#8d50b40a9476ed192c6aff1d9308d8f2bf830782"
-  integrity sha512-c/TZ9MQUAXStop0z/f8xyCglKO+1Co+Tznv1+cKLN2pdTBSa204z6eDPdiA2NbGQlBjojAV4IsVjDniKat5eDQ==
+styled-vue@^0.3.3:
+  version "0.3.3"
+  resolved "https://registry.yarnpkg.com/styled-vue/-/styled-vue-0.3.3.tgz#71ddd1a5b561610b894bb610e4c9f606a0fd7586"
+  integrity sha512-99thrkt8jWC7D/gYOk2C88CSlq6Ypw0q5ggoMe+XxjetX/w6dLYDQXyY8OydEgDXJ9vvE9+VUBxVIabisO7jpA==
   dependencies:
     "@babel/generator" "^7.2.2"
     "@babel/parser" "^7.2.3"

From f148becd24c7298062e8f00f4939476538d62828 Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 21:36:24 +0800
Subject: [PATCH 2/7] fix: use hash-sum to get variable id

---
 example/App.vue    |  1 +
 lib/parseScript.js | 19 +++++++---------
 package.json       |  1 +
 yarn.lock          | 54 +++++-----------------------------------------
 4 files changed, 15 insertions(+), 60 deletions(-)

diff --git a/example/App.vue b/example/App.vue
index 0b070fc..493ee37 100644
--- a/example/App.vue
+++ b/example/App.vue
@@ -31,6 +31,7 @@ export default {
     }
     ul {
       list-style: square;
+      color: ${vm => vm.color};
     }
   `,
   data() {
diff --git a/lib/parseScript.js b/lib/parseScript.js
index 79599f1..5d6e7be 100644
--- a/lib/parseScript.js
+++ b/lib/parseScript.js
@@ -2,6 +2,7 @@ const parser = require('@babel/parser')
 const traverse = require('@babel/traverse')
 const generator = require('@babel/generator')
 const t = require('@babel/types')
+const hashSum = require('hash-sum')
 const { UNITS_RE } = require('./units')
 
 const LANGS = ['css', 'stylus', 'less', 'sass', 'scss']
@@ -26,17 +27,17 @@ module.exports = script => {
     ]
   })
 
-  const parseTaggedTemplate = (ref, isGlobal) => {
+  const parseTaggedTemplate = ref => {
     const { quasi } = ref.node
     const quasis = []
     const vars = []
     const varDeclarations = []
-    const variablePrefix = isGlobal ? 'gv' : `v`
 
     for (const [i, q] of quasi.quasis.entries()) {
       quasis.push(q)
       if (quasi.expressions[i]) {
-        const value = `var(--${variablePrefix}${i})`
+        const variableId = `v${hashSum(quasi.expressions[i])}`
+        const value = `var(--${variableId})`
         quasis.push({
           type: 'TemplateElement',
           value: { raw: value, cooked: value }
@@ -58,16 +59,13 @@ module.exports = script => {
         // var v0 = vm => vm.color
         varDeclarations.push(
           t.variableDeclaration('var', [
-            t.variableDeclarator(
-              t.identifier(`${variablePrefix}${i}`),
-              quasi.expressions[i]
-            )
+            t.variableDeclarator(t.identifier(variableId), quasi.expressions[i])
           ])
         )
 
         // { '--v0': v0(vm) }
         // { '--v0': v0(vm) + unit }
-        const id = t.identifier(`${variablePrefix}${i}`)
+        const id = t.identifier(variableId)
         const expType = quasi.expressions[i].type
         const mustBeFunction = [
           'FunctionExpression',
@@ -89,7 +87,7 @@ module.exports = script => {
         }
         vars.push(
           t.objectProperty(
-            t.stringLiteral(`--${variablePrefix}${i}`),
+            t.stringLiteral(`--${variableId}`),
             mustBeFunction
               ? getValue(true)
               : mustNotBeFunction
@@ -166,8 +164,7 @@ module.exports = script => {
 
           const isGlobal = propertyPath.node.key.name === 'globalStyle'
           const { vars, varDeclarations, extractedStyle } = parseTaggedTemplate(
-            ref,
-            isGlobal
+            ref
           )
           if (isGlobal) {
             globalStyle = extractedStyle
diff --git a/package.json b/package.json
index 6ace1d1..ee01ef4 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@babel/parser": "^7.2.3",
     "@babel/traverse": "^7.2.3",
     "@babel/types": "^7.2.2",
+    "hash-sum": "^2.0.0",
     "posthtml": "^0.11.3",
     "vue-template-compiler": "^2.6.11"
   },
diff --git a/yarn.lock b/yarn.lock
index 3eb2d17..362c569 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5258,6 +5258,11 @@ hash-sum@^1.0.2:
   resolved "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
   integrity sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=
 
+hash-sum@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
+  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
+
 hash.js@^1.0.0, hash.js@^1.0.3:
   version "1.1.7"
   resolved "https://registry.npmjs.org/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
@@ -7846,14 +7851,6 @@ minipass@^2.2.1, minipass@^2.3.3, minipass@^2.3.4:
     safe-buffer "^5.1.2"
     yallist "^3.0.0"
 
-minipass@^2.8.6, minipass@^2.9.0:
-  version "2.9.0"
-  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
-  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
-  dependencies:
-    safe-buffer "^5.1.2"
-    yallist "^3.0.0"
-
 minipass@^3.0.0, minipass@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.1.1.tgz#7607ce778472a185ad6d89082aa2070f79cedcd5"
@@ -7868,13 +7865,6 @@ minizlib@^1.1.1:
   dependencies:
     minipass "^2.2.1"
 
-minizlib@^1.2.1:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
-  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
-  dependencies:
-    minipass "^2.9.0"
-
 mississippi@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/mississippi/-/mississippi-2.0.0.tgz#3442a508fafc28500486feea99409676e4ee5a6f"
@@ -8151,22 +8141,6 @@ node-notifier@^5.2.1:
     shellwords "^0.1.1"
     which "^1.3.0"
 
-node-pre-gyp@*:
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz#9a0596533b877289bcad4e143982ca3d904ddc83"
-  integrity sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==
-  dependencies:
-    detect-libc "^1.0.2"
-    mkdirp "^0.5.1"
-    needle "^2.2.1"
-    nopt "^4.0.1"
-    npm-packlist "^1.1.6"
-    npmlog "^4.0.2"
-    rc "^1.2.7"
-    rimraf "^2.6.1"
-    semver "^5.3.0"
-    tar "^4.4.2"
-
 node-pre-gyp@^0.10.0:
   version "0.10.3"
   resolved "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz#3070040716afdc778747b61b6887bf78880b80fc"
@@ -11559,19 +11533,6 @@ tar@^4, tar@^4.4.3, tar@^4.4.8:
     safe-buffer "^5.1.2"
     yallist "^3.0.2"
 
-tar@^4.4.2:
-  version "4.4.13"
-  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
-  integrity sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==
-  dependencies:
-    chownr "^1.1.1"
-    fs-minipass "^1.2.5"
-    minipass "^2.8.6"
-    minizlib "^1.2.1"
-    mkdirp "^0.5.0"
-    safe-buffer "^5.1.2"
-    yallist "^3.0.3"
-
 term-size@^1.2.0:
   version "1.2.0"
   resolved "https://registry.npmjs.org/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
@@ -12729,11 +12690,6 @@ yallist@^3.0.0, yallist@^3.0.2:
   resolved "https://registry.npmjs.org/yallist/-/yallist-3.0.3.tgz#b4b049e314be545e3ce802236d6cd22cd91c3de9"
   integrity sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==
 
-yallist@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
-  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
-
 yallist@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"

From cace6a772e755a182ef7832ca61d2fd6d8871ac0 Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 21:39:20 +0800
Subject: [PATCH 3/7] chore: update snapshot

---
 test/__snapshots__/parseComponent.test.js.snap | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/test/__snapshots__/parseComponent.test.js.snap b/test/__snapshots__/parseComponent.test.js.snap
index 179d5f2..689d525 100644
--- a/test/__snapshots__/parseComponent.test.js.snap
+++ b/test/__snapshots__/parseComponent.test.js.snap
@@ -115,10 +115,10 @@ export default {
   style: undefined // No CSS variables
   ,
   globalStyle: function (vm) {
-    var gv0 = vm => vm.fontSize;
+    var v3b73e5fa = vm => vm.fontSize;
 
     return {
-      \\"--gv0\\": gv0(vm)
+      \\"--v3b73e5fa\\": v3b73e5fa(vm)
     };
   }
 };
@@ -126,7 +126,7 @@ export default {
 
   
   <style scoped=\\"undefined\\" lang=\\"css\\">
-  h1 {color: red; font-size: var(--gv0);}
+  h1 {color: red; font-size: var(--v3b73e5fa);}
   </style>
   
 
@@ -237,12 +237,12 @@ exports[`simple 1`] = `
   <script>
   export default {
   style: function (vm, existing) {
-    var v0 = vm => vm.color;
+    var v6f754d6e = vm => vm.color;
 
-    var v1 = 200 + 1;
+    var v447fa43e = 200 + 1;
     return [existing, {
-      \\"--v0\\": v0(vm),
-      \\"--v1\\": v1 + \\"px\\"
+      \\"--v6f754d6e\\": v6f754d6e(vm),
+      \\"--v447fa43e\\": v447fa43e + \\"px\\"
     }];
   }
 };
@@ -252,8 +252,8 @@ exports[`simple 1`] = `
   <style scoped=\\"true\\" lang=\\"css\\">
   
   h1 {
-    color: var(--v0);
-    width: var(--v1);
+    color: var(--v6f754d6e);
+    width: var(--v447fa43e);
   }
   
   </style>

From b906809afe427c44771902b0097472b6e7a92dba Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 21:41:32 +0800
Subject: [PATCH 4/7] fix(plugin): use es5


From da8ddd03f3de7f0408c429ebca2c0dbb086b5dfc Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 21:43:20 +0800
Subject: [PATCH 5/7] fix: disable eslint in the file that requires es5

---
 lib/index.js | 2 +-
 package.json | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index c93fd28..5e52e86 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -1,3 +1,4 @@
+/* eslint-disable */
 Object.defineProperty(exports, '__esModule', { value: true })
 
 function css(_) {
@@ -11,7 +12,6 @@ function StyledVue(Vue) {
     render(h) {
       const globalStyle = this.$parent.$options.globalStyle(this.$parent)
       let css = ''
-      // eslint-disable-next-line guard-for-in
       for (const key in globalStyle) {
         css += key + ':' + globalStyle[key] + ';'
       }
diff --git a/package.json b/package.json
index ee01ef4..4075332 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,8 @@
       "jest"
     ],
     "rules": {
-      "unicorn/filename-case": "off"
+      "unicorn/filename-case": "off",
+      "unicorn/no-abusive-eslint-disable": "off"
     }
   },
   "husky": {

From 536941514441c9b410d400ea2873f00c027b3f04 Mon Sep 17 00:00:00 2001
From: EGOIST <0x142857@gmail.com>
Date: Sat, 18 Jan 2020 21:45:37 +0800
Subject: [PATCH 6/7] fix: disable prettier for lib/index.js

---
 lib/index.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/index.js b/lib/index.js
index 5e52e86..a8ba980 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -9,10 +9,10 @@ function css(_) {
 
 function StyledVue(Vue) {
   Vue.component('styled-vue-global-css', {
-    render(h) {
-      const globalStyle = this.$parent.$options.globalStyle(this.$parent)
-      let css = ''
-      for (const key in globalStyle) {
+    render: function(h) {
+      var globalStyle = this.$parent.$options.globalStyle(this.$parent)
+      var css = ''
+      for (var key in globalStyle) {
         css += key + ':' + globalStyle[key] + ';'
       }
       return h('style', {}, [':root {' + css + '}'])

From da70135675d48f015b23a1bdf1e78e3dcc85a3bd Mon Sep 17 00:00:00 2001
From: Kevin Titor <0x142857@gmail.com>
Date: Wed, 20 May 2020 18:33:44 +0800
Subject: [PATCH 7/7] chore: add note

---
 README.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.md b/README.md
index 981edf4..1e48ad5 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,5 @@
+## ATTENTION: this project is not actively maintained for now (I still push some code once in a while), if you want to see improvements or get support, please consider [sponsoring me](https://github.com/sponsors/egoist).
+
 ![styled-vue](https://user-images.githubusercontent.com/8784712/50833110-30b41180-138b-11e9-9ddd-20af6afc1747.png)
 
 ---