Merge pull request #16 from legndery/feature/RED-7973-plugin-revamp-new

README.md: adding legacy template support

Author: rohitkr

README.md

@@ -227,3 +227,10 @@ $ npm start
 ```
 
 ### [Demos and Documentation](https://fusioncharts.github.io/vue-fusioncharts/)
+<<<<<<< HEAD
+
+> ### Using Legacy Webpack Templates
+> If you are using legacy webpack templates using (ex: `vue init webpack-simple myProject`), you need to use the new UglifyJS webpack plugin as the default plugin doesn't support ES5+ syntaxes.  
+> Refer here on what to change in the webpack.config.js: https://github.com/vuejs-templates/webpack-simple/issues/166#issuecomment-354394253
+=======
+>>>>>>> develop

dist/vue-fusioncharts.js

@@ -237,6 +237,19 @@ export default (FC) => {
                     });
                 }
             },
+            createEvents: function(){
+                const ret = {
+                    'events':{}
+                };
+                if(this.$listeners && typeof this.$listeners === 'object'){
+                    Object.keys(this.$listeners).forEach((event)=>{
+                        ret.events[event] = (e)=>{
+                            this.$emit(event, e);
+                        };
+                    });
+                }
+                return ret;
+            },
             setLastOptions: function (config) {
                 this._oldOptions = Object.assign({}, config);
             },
@@ -267,8 +280,10 @@ export default (FC) => {
                 if (chartObj && chartObj.dispose) {
                     chartObj.dispose();
                 }
+                const events = this.createEvents();
+                config.events = Object.assign({}, config.events, events.events);
+
                 THIS.chartObj = chartObj = new FC(config);
-                this.attachListeners();
                 chartObj.render();
             },
             updateChart: function () {