0.0.10

dist/vue-highcharts.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('highcharts')) :
-  typeof define === 'function' && define.amd ? define(['highcharts'], factory) :
-  (global.VueHighcharts = factory(global.Highcharts));
+	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('highcharts')) :
+	typeof define === 'function' && define.amd ? define(['highcharts'], factory) :
+	(global.VueHighcharts = factory(global.Highcharts));
 }(this, (function (HighchartsOnly) { 'use strict';
 
 HighchartsOnly = 'default' in HighchartsOnly ? HighchartsOnly['default'] : HighchartsOnly;
@@ -35,10 +35,19 @@ function clone(obj) {
   }
 }
 
+function render(createElement) {
+  return createElement('div');
+}
+
 function create(tagName, Highcharts, Vue) {
   var Ctor = Highcharts[ctors[tagName]];
   if (!Ctor) {
-    return null;
+    return Highcharts.win
+      ? null
+      // When running in server, Highcharts will not be instanced,
+      // so there're no constructors in Highcharts,
+      // to avoid unmated content during SSR, it returns minimum component.
+      : { render: render };
   }
   var isRenderer = tagName === 'highcharts-renderer';
   var component = {
@@ -87,9 +96,7 @@ function create(tagName, Highcharts, Vue) {
       this._initChart();
     };
   } else {
-    component.render = function(createElement) {
-      return createElement('div');
-    };
+    component.render = render;
     component.mounted = function() {
       this._initChart();
     };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-highcharts",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Highcharts component for Vue",
   "main": "dist/vue-highcharts.js",
   "module": "src/index.js",