Use lifecycle hook compatible with SSR

greghub · greghub · commit 955c83393e2d · 2020-02-02T18:29:49.000+04:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 0.1.8 (Feb 2, 2020)
+
+* Use lifecycle hook compatible with SSR
+
 ### 0.1.7 (Feb 2, 2020)
 
 * Add support for `subLabelValue`
diff --git a/dist/vue-funnel-graph.esm.js b/dist/vue-funnel-graph.esm.js
@@ -189,7 +189,7 @@ var script = {
             });
         }
     },
-    beforeMount: function beforeMount() {
+    created: function created() {
         this.graph = new FunnelGraph({
             height: this.height,
             width: this.width,
@@ -367,11 +367,11 @@ var __vue_staticRenderFns__ = [];
   /* style */
   var __vue_inject_styles__ = function (inject) {
     if (!inject) { return }
-    inject("data-v-3f236e82_0", { source: ".appear-enter-active[data-v-3f236e82],.appear-leave-active[data-v-3f236e82]{transition:all .7s ease-in-out}.appear-enter-to[data-v-3f236e82],.appear-leave[data-v-3f236e82]{max-width:100%;max-height:100%;opacity:1}.appear-enter[data-v-3f236e82],.appear-leave-to[data-v-3f236e82]{max-width:0;max-height:0;opacity:0}.fade-enter-active[data-v-3f236e82],.fade-leave-active[data-v-3f236e82]{transition:all .3s ease}.fade-enter-to[data-v-3f236e82],.fade-leave[data-v-3f236e82]{opacity:1}.fade-enter[data-v-3f236e82],.fade-leave-to[data-v-3f236e82]{opacity:0}", map: undefined, media: undefined });
+    inject("data-v-52d787cd_0", { source: ".appear-enter-active[data-v-52d787cd],.appear-leave-active[data-v-52d787cd]{transition:all .7s ease-in-out}.appear-enter-to[data-v-52d787cd],.appear-leave[data-v-52d787cd]{max-width:100%;max-height:100%;opacity:1}.appear-enter[data-v-52d787cd],.appear-leave-to[data-v-52d787cd]{max-width:0;max-height:0;opacity:0}.fade-enter-active[data-v-52d787cd],.fade-leave-active[data-v-52d787cd]{transition:all .3s ease}.fade-enter-to[data-v-52d787cd],.fade-leave[data-v-52d787cd]{opacity:1}.fade-enter[data-v-52d787cd],.fade-leave-to[data-v-52d787cd]{opacity:0}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  var __vue_scope_id__ = "data-v-3f236e82";
+  var __vue_scope_id__ = "data-v-52d787cd";
   /* module identifier */
   var __vue_module_identifier__ = undefined;
   /* functional template */
diff --git a/dist/vue-funnel-graph.min.js b/dist/vue-funnel-graph.min.js
diff --git a/dist/vue-funnel-graph.umd.js b/dist/vue-funnel-graph.umd.js
@@ -190,7 +190,7 @@
                 });
             }
         },
-        beforeMount: function beforeMount() {
+        created: function created() {
             this.graph = new FunnelGraph({
                 height: this.height,
                 width: this.width,
@@ -368,11 +368,11 @@
       /* style */
       var __vue_inject_styles__ = function (inject) {
         if (!inject) { return }
-        inject("data-v-3f236e82_0", { source: ".appear-enter-active[data-v-3f236e82],.appear-leave-active[data-v-3f236e82]{transition:all .7s ease-in-out}.appear-enter-to[data-v-3f236e82],.appear-leave[data-v-3f236e82]{max-width:100%;max-height:100%;opacity:1}.appear-enter[data-v-3f236e82],.appear-leave-to[data-v-3f236e82]{max-width:0;max-height:0;opacity:0}.fade-enter-active[data-v-3f236e82],.fade-leave-active[data-v-3f236e82]{transition:all .3s ease}.fade-enter-to[data-v-3f236e82],.fade-leave[data-v-3f236e82]{opacity:1}.fade-enter[data-v-3f236e82],.fade-leave-to[data-v-3f236e82]{opacity:0}", map: undefined, media: undefined });
+        inject("data-v-52d787cd_0", { source: ".appear-enter-active[data-v-52d787cd],.appear-leave-active[data-v-52d787cd]{transition:all .7s ease-in-out}.appear-enter-to[data-v-52d787cd],.appear-leave[data-v-52d787cd]{max-width:100%;max-height:100%;opacity:1}.appear-enter[data-v-52d787cd],.appear-leave-to[data-v-52d787cd]{max-width:0;max-height:0;opacity:0}.fade-enter-active[data-v-52d787cd],.fade-leave-active[data-v-52d787cd]{transition:all .3s ease}.fade-enter-to[data-v-52d787cd],.fade-leave[data-v-52d787cd]{opacity:1}.fade-enter[data-v-52d787cd],.fade-leave-to[data-v-52d787cd]{opacity:0}", map: undefined, media: undefined });
 
       };
       /* scoped */
-      var __vue_scope_id__ = "data-v-3f236e82";
+      var __vue_scope_id__ = "data-v-52d787cd";
       /* module identifier */
       var __vue_module_identifier__ = undefined;
       /* functional template */
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-funnel-graph-js",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "",
   "main": "dist/vue-funnel-graph.umd.js",
   "module": "dist/vue-funnel-graph.esm.js",
diff --git a/src/lib-components/vue-funnel-graph.vue b/src/lib-components/vue-funnel-graph.vue
@@ -243,7 +243,7 @@
                 });
             }
         },
-        beforeMount() {
+        created() {
             this.graph = new FunnelGraph({
                 height: this.height,
                 width: this.width,

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-funnel-graph-js",`
`3`		`- "version": "0.1.7",`
	`3`	`+ "version": "0.1.8",`
`4`	`4`	`"description": "",`
`5`	`5`	`"main": "dist/vue-funnel-graph.umd.js",`
`6`	`6`	`"module": "dist/vue-funnel-graph.esm.js",`
Original file line number	Diff line number	Diff line change
`@@ -243,7 +243,7 @@`
`243`	`243`	`});`
`244`	`244`	`}`
`245`	`245`	`},`
`246`		`- beforeMount() {`
	`246`	`+ created() {`
`247`	`247`	`this.graph = new FunnelGraph({`
`248`	`248`	`height: this.height,`
`249`	`249`	`width: this.width,`