From 0ddc49975510ddd633aa3232121be63ba4c0de7e Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Tue, 12 Jul 2022 12:25:42 +0800
Subject: [PATCH] fix: v-on not working in 2.7 (fix #636)

---
 CHANGELOG.md      |  4 ++++
 README.md         |  8 ++++----
 README.zh-Hans.md |  8 ++++----
 package.json      |  2 +-
 src/ECharts.ts    | 31 +++++++++++++++----------------
 5 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5e5f8c6..6bf2cbc 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 6.2.3
+
+* Fixed the problem that `v-on` stops working after upgrading to `vue@2.7.x`.
+
 ## 6.2.2
 
 * Improve types for `update-options`.
diff --git a/README.md b/README.md
index a316f69..3d68699 100644
--- a/README.md
+++ b/README.md
@@ -304,13 +304,13 @@ export default {
 Drop `<script>` inside your HTML file and access the component via `window.VueECharts`.
 
 <details>
-<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXjgAIz4klEmQiggKABqtxwExUtAAgsYABRmVAWdDKAjKZUASlM5gswnqBCqpXVaqNRr6XVQ9ktVqNtCwBAAytpYPbDY6jWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAASsISpwg5GUwgAcjBbhkEwrJsooAm4MpUHACnBYxAwOHvY6vHHG1bOgRPQb1T6ndgCPYMtxSsowJByMJXZQzeR4AXW47YGB-4mQDOY6UMvOLM2t8JapQoJ1DF7uz295NrNZYwOQBBaEQ56ee37SkQtbRSjfgMovMJGBFSiGYAIl_e1yF_VV0C8ABSXVNyfK0dwQo1YCvDATzPCw6ggOhlwyNNygzEtH0w4RFzwkByJIzDNW1ewAG1dytDJWAgepyAIajSIyQQ32gLjMIyBV0BzU4AHc6gAazgASzwySUUhgShhGEmSQBbZCfQyV0VDmPBhEEVBrDQWcQCY4QAF1dyQs8a0meAGPMh1SNQYMYBvIcRzHCcpzmUyNNIixtEMdyV0MHDZJ7Yd4iqFYVyxLFoMin01w_RyQCxJwkvUlceSyjILICwLaOURzNJ7YBhASEtbnsB4HixBNXKIUKWLY1FOJAYQbMCixKuqqBauEB4BScJq3JvXjlH4rqet6_qatC54HgccaWpvYTRIICTSmkjJuqK-aqsW-wBQatbWpABTMGU1T9rmwKFsG0KBSxBwAA4LpvHSymKAyjJMtTuvMixCpB4QYCIQwSjgCA4ucwK70h90ggw3qjTgEp0EoMSACFBs_YRRsO9HMdUHH2FHGsCAADXsMbwatMnsbEzgDzqG9SmsCIdTG4Q-YFnAsTgszyp9HwxaNCXSOlnsrOQ2Xt08bsJa8ODu1lSgoeoXDlXwoouU6hNpRgQROENuB1YsHAiCnGg9ZAAxjAyXVle-QkJV8PwohiEI5HEEAvCDoA">Demo →</a><!-- vue3DemoLink:end --></summary>
+<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXi98SSiTIhQQFAA1W44CYqWgAQWMAAozKgLOhlARlIqAJSmcwWYT1AhVUqqlUGg19Lqoezmi0G2hYAgAZW0sFt-vtBrA1AIADFlERoFp7AByACSNBgpQANMIMgAJWEJU4QcjKYQAORgtwycblk2UUDjcGUqDgBTg0YgYFDnvtXhj9YtnQI7r1qq9DuwBHsGW4pWUYEg5GEzsoJvI8DzzftsDAvfjICnUdKGVnFkbG-EtUoUE6hg9na7O8m1ms0b7IAgtCIM-PXZ9pSIGtopSvwGUXmEjAipSGwARN-trkN-yroF4ACk2rrg-FpbnBBqwBeGBHieFh1BAdCLhkKblGmRb3uhwjzjhICkUR6Hqpq9gANrbhaGSsBA9TkAQlHERkggvtAHHoRkcroFmpwAO51AA1nAfEnhk4opDAlDCIJUkgE2iFehkzoqHMeDCIIqDWGg04gAxwgALrbghJ5VpM8B0aZdrEaggYwFeA5DiOY4TnMxlqcRFjaIYrlLoYWHSV2g7xFUKxLliWKQeFXorm-9kgFiTgJapS48hlGRmX5_nUco9nqV2wDCAkRa3PYDwPFicbOUQwVMSxqLsSAwhWf5FjlZVUDVcIDwAIxOA1LlXtxyi8R1XXdb1VXBc8DwOGNTVXoJwkEGJpSSRknUFXNFULfYQ11atzUgHJmCKcpe2zf5839cFQ1Yg4AAc51XlpZTFHpBlGSpnWmRY-XA8IMBEIYJRwBAMWOf5N4Q66QRod1BpwCU6CUCJABC_XvsII0HWjGOqNj7DDlWBAABr2KNYMWqTWMiZwe51FepTWBEWqjcIvP8zgWIwSZpVej4osGuLxFS12FmITLm6eJ24teDBnbSpQkPUNhiq4UUXLtXGkowIInAG3AasWDgRATjQusgAYxgZNqSvfISYq-H4UQxCEcjiCAXiB0AA">Demo →</a><!-- vue3DemoLink:end --></summary>
 
 <!-- vue3Scripts:start -->
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -324,13 +324,13 @@ app.component('v-chart', VueECharts)
 </details>
 
 <details>
-<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgngBGPHEwkyYUEBQANVuOCoREM1DoBAAFBlCqjyhkADTCKUwQScTnogCUnlQ0hOAHcdbclWZUBYYfYMgZjFrzMJ0MoCMolUbTO6LPUCFVSva7RYI8I-l1UPZw5GI7QsAQAMraWBxgMJixgagEABiyiI0C09gA5ABJGgwUrajIACRhCVOEHIymEADkYLctcIAIKTZRQbVwZSoOAFOA1iBgMtZyNeTXzxMQAgZ_327OJ7AEJ0gbilZRgSDkYQpygh8jwN2brfCWBgXfCDJX6ulDLLiyLz_CWqUKCdIYma3luBCTNY1g1nuq4wEQN53jmdREF6tClHuwDKF4wiMBEpRDMAERYXG5BYba6BeAApEaH4gQuS60RGsCQRgwEIVGkyKnuzblK2Q7wQhD5Phkgn8XenrevYADaP6RhkrAQPU5AEKJCEZIIyHQCpd4ZH26CdqcFp1AA1nAWlbhkEopDAlD9ugpkgPRbEWBkKYqHMeDCIIqDWGg14gDJwgALo_t-DEWFOHErMI0lhRG8ZsagRYwHuB5HieZ4XnMfmOU52iGMlz4gIYEAwGZ2aHvEVRRRkmKYhRZUJq-qFSTVTj1Q5hXcm1GSBTlbHicoLWxdmwDCAkQ63PYbxvJi2qJUQBVyQpKLKSAwihU5cVjRNBVvPyThzUle7qcomlrRtm2mNtUCTcIDxvA4h0LXuun6QQhmlCZGTrX1TmjeNN0FfyM1PYtICWZgNm6fZP0BZG_07fY_KYg4AAcoN7q5ZTFJ53m-TDPjDRGvVw8IsGGCUcAQFF8VOTBRBpkErGXeFJToJQFoAEI3Whwj7b9m1wGzHPsMeU4EAAGvYB2k5GQuqBznD_nUe6lNYEQ-gdwhazrOCYtR_lEwupOE2xptbsFDHm1-ppft4Jq-PiPzio7UQxCEcjiCAXg-0AA">Demo →</a><!-- vue2DemoLink:end --></summary>
+<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgng88cTCTIhQQFAA1W44KhEQzUOgEAAUGUKqPKGQANMJJTBBJxOeiAJSeVDSE4Ad21t0VZlQFhh9gyBmMmvMwnQygIykVhtMbos9QIVVKdttFnDwj6XVQ9jDEfDtCwBAAytpYLH_fGLGBqAQAGLKIjQLT2ADkAEkaDBSlqMgAJGEJU4QcjKYQAORgt01wgAgpNlFAtXBlKg4AU4NWIGBS5mI14NXOExACOm_XaswnsARHSBuKVlGBIORhMnKMHyPBXRvN8JYGAd8IMpeq6UMkuLAuP8JapQoJ1DAzG9NwISZrGsatdxXGAiGvW9szqIhPVoUpd2AZQvGERgIlKIZgAiTDY3ITCbXQLwAFJDXfYD50XGjw1gCCMCA-DI0mBVdybcoW0HOD4PvR8MgEvjbw9L17AAbW_CMMlYCB6nIAgRPgjJBCQ6BlNvDJe3QDtTnNOoAGs4E0zcMnFFIYEoPt0BMkA6NYiwMmTFQ5jwYRBFQaw0CvEBpOEABdb8v3oixJ3YlZhCk0LwzjVjUELGBd33Q9j1Pc85l8hzHO0QwkqfEBDAgGBTKzA94iqSKMkxTFyNK-MXxQyTqqcOr7IK7lWoyALstYsTlGamKs2AYQEkHW57DeN5MS1BKiHy2T5JRJSQGEELHNi0bxvyt4AEYnFmxLdzU5QNNW9aNtMLaoAm4QHjeBxDvm3cdL0ggDNKYyMjW3rHJGsabvy3bpqehaQAszBrJ0uyfv8iN_u2-xdsxBwAA5Qd3FyymKDyvJ8mGfCG8Merh4QYMMEo4AgSK4sc6CiFTIIWMusKSnQShzQAIRu1DhH236NrgNmOfYI9JwIAANewDtJiMhdUDnOD_Opd1KawIm9A7hC1nWcExKi_KJ-dScJ1jTc3IL6PNz8TU_bxjV8fEfjFR2ohiEI5HEEAvB9oA">Demo →</a><!-- vue2DemoLink:end --></summary>
 
 <!-- vue2Scripts:start -->
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.3"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
 ```
 <!-- vue2Scripts:end -->
 
diff --git a/README.zh-Hans.md b/README.zh-Hans.md
index cf62cbb..8c76aab 100644
--- a/README.zh-Hans.md
+++ b/README.zh-Hans.md
@@ -302,13 +302,13 @@ export default {
 用如下方式在 HTML 中插入 `<script>` 标签，并且通过 `window.VueECharts` 来访问组件接口：
 
 <details>
-<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXjgAIz4klEmQiggKABqtxwExUtAAgsYABRmVAWdDKAjKZUASlM5gswnqBCqpXVaqNRr6XVQ9ktVqNtCwBAAytpYPbDY6jWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAASsISpwg5GUwgAcjBbhkEwrJsooAm4MpUHACnBYxAwOHvY6vHHG1bOgRPQb1T6ndgCPYMtxSsowJByMJXZQzeR4AXW47YGB-4mQDOY6UMvOLM2t8JapQoJ1DF7uz295NrNZYwOQBBaEQ56ee37SkQtbRSjfgMovMJGBFSiGYAIl_e1yF_VV0C8ABSXVNyfK0dwQo1YCvDATzPCw6ggOhlwyNNygzEtH0w4RFzwkByJIzDNW1ewAG1dytDJWAgepyAIajSIyQQ32gLjMIyBV0BzU4AHc6gAazgASzwySUUhgShhGEmSQBbZCfQyV0VDmPBhEEVBrDQWcQCY4QAF1dyQs8a0meAGPMh1SNQYMYBvIcRzHCcpzmUyNNIixtEMdyV0MHDZJ7Yd4iqFYVyxLFoMin01w_RyQCxJwkvUlceSyjILICwLaOURzNJ7YBhASEtbnsB4HixBNXKIUKWLY1FOJAYQbMCixKuqqBauEB4BScJq3JvXjlH4rqet6_qatC54HgccaWpvYTRIICTSmkjJuqK-aqsW-wBQatbWpABTMGU1T9rmwKFsG0KBSxBwAA4LpvHSymKAyjJMtTuvMixCpB4QYCIQwSjgCA4ucwK70h90ggw3qjTgEp0EoMSACFBs_YRRsO9HMdUHH2FHGsCAADXsMbwatMnsbEzgDzqG9SmsCIdTG4Q-YFnAsTgszyp9HwxaNCXSOlnsrOQ2Xt08bsJa8ODu1lSgoeoXDlXwoouU6hNpRgQROENuB1YsHAiCnGg9ZAAxjAyXVle-QkJV8PwohiEI5HEEAvCDoA">Demo →</a><!-- vue3DemoLink:end --></summary>
+<summary>Vue 3 <!-- vue3DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwAJhwHgHYc_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACsbzeXwCAL-vh-gJmcwWBCWKzWGy2u32h2Op3Ol2utwKqJK5UxADYXi98SSiTIhQQFAA1W44CYqWgAQWMAAozKgLOhlARlIqAJSmcwWYT1AhVUqqlUGg19Lqoezmi0G2hYAgAZW0sFt-vtBrA1AIADFlERoFp7AByACSNBgpQANMIMgAJWEJU4QcjKYQAORgtwycblk2UUDjcGUqDgBTg0YgYFDnvtXhj9YtnQI7r1qq9DuwBHsGW4pWUYEg5GEzsoJvI8DzzftsDAvfjICnUdKGVnFkbG-EtUoUE6hg9na7O8m1ms0b7IAgtCIM-PXZ9pSIGtopSvwGUXmEjAipSGwARN-trkN-yroF4ACk2rrg-FpbnBBqwBeGBHieFh1BAdCLhkKblGmRb3uhwjzjhICkUR6Hqpq9gANrbhaGSsBA9TkAQlHERkggvtAHHoRkcroFmpwAO51AA1nAfEnhk4opDAlDCIJUkgE2iFehkzoqHMeDCIIqDWGg04gAxwgALrbghJ5VpM8B0aZdrEaggYwFeA5DiOY4TnMxlqcRFjaIYrlLoYWHSV2g7xFUKxLliWKQeFXorm-9kgFiTgJapS48hlGRmX5_nUco9nqV2wDCAkRa3PYDwPFicbOUQwVMSxqLsSAwhWf5FjlZVUDVcIDwAIxOA1LlXtxyi8R1XXdb1VXBc8DwOGNTVXoJwkEGJpSSRknUFXNFULfYQ11atzUgHJmCKcpe2zf5839cFQ1Yg4AAc51XlpZTFHpBlGSpnWmRY-XA8IMBEIYJRwBAMWOf5N4Q66QRod1BpwCU6CUCJABC_XvsII0HWjGOqNj7DDlWBAABr2KNYMWqTWMiZwe51FepTWBEWqjcIvP8zgWIwSZpVej4osGuLxFS12FmITLm6eJ24teDBnbSpQkPUNhiq4UUXLtXGkowIInAG3AasWDgRATjQusgAYxgZNqSvfISYq-H4UQxCEcjiCAXiB0AA">Demo →</a><!-- vue3DemoLink:end --></summary>
 
 <!-- vue3Scripts:start -->
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@3.2.37"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
 ```
 <!-- vue3Scripts:end -->
 
@@ -322,13 +322,13 @@ app.component('v-chart', VueECharts)
 </details>
 
 <details>
-<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgngBGPHEwkyYUEBQANVuOCoREM1DoBAAFBlCqjyhkADTCKUwQScTnogCUnlQ0hOAHcdbclWZUBYYfYMgZjFrzMJ0MoCMolUbTO6LPUCFVSva7RYI8I-l1UPZw5GI7QsAQAMraWBxgMJixgagEABiyiI0C09gA5ABJGgwUrajIACRhCVOEHIymEADkYLctcIAIKTZRQbVwZSoOAFOA1iBgMtZyNeTXzxMQAgZ_327OJ7AEJ0gbilZRgSDkYQpygh8jwN2brfCWBgXfCDJX6ulDLLiyLz_CWqUKCdIYma3luBCTNY1g1nuq4wEQN53jmdREF6tClHuwDKF4wiMBEpRDMAERYXG5BYba6BeAApEaH4gQuS60RGsCQRgwEIVGkyKnuzblK2Q7wQhD5Phkgn8XenrevYADaP6RhkrAQPU5AEKJCEZIIyHQCpd4ZH26CdqcFp1AA1nAWlbhkEopDAlD9ugpkgPRbEWBkKYqHMeDCIIqDWGg14gDJwgALo_t-DEWFOHErMI0lhRG8ZsagRYwHuB5HieZ4XnMfmOU52iGMlz4gIYEAwGZ2aHvEVRRRkmKYhRZUJq-qFSTVTj1Q5hXcm1GSBTlbHicoLWxdmwDCAkQ63PYbxvJi2qJUQBVyQpKLKSAwihU5cVjRNBVvPyThzUle7qcomlrRtm2mNtUCTcIDxvA4h0LXuun6QQhmlCZGTrX1TmjeNN0FfyM1PYtICWZgNm6fZP0BZG_07fY_KYg4AAcoN7q5ZTFJ53m-TDPjDRGvVw8IsGGCUcAQFF8VOTBRBpkErGXeFJToJQFoAEI3Whwj7b9m1wGzHPsMeU4EAAGvYB2k5GQuqBznD_nUe6lNYEQ-gdwhazrOCYtR_lEwupOE2xptbsFDHm1-ppft4Jq-PiPzio7UQxCEcjiCAXg-0AA">Demo →</a><!-- vue2DemoLink:end --></summary>
+<summary>Vue 2 <!-- vue2DemoLink:start --><a href="https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwAdhwAZhz_ccmOsYmpiqzeYZRbLVbrTY7PYwA4JI4nM4XK4wYplAhwO4AVne70-AX-v183wBMzmCwISxWaw2W12-0Ox1O50u11uBRRJXKGIAbDgng88cTCTIhQQFAA1W44KhEQzUOgEAAUGUKqPKGQANMJJTBBJxOeiAJSeVDSE4Ad21t0VZlQFhh9gyBmMmvMwnQygIykVhtMbos9QIVVKdttFnDwj6XVQ9jDEfDtCwBAAytpYLH_fGLGBqAQAGLKIjQLT2ADkAEkaDBSlqMgAJGEJU4QcjKYQAORgt01wgAgpNlFAtXBlKg4AU4NWIGBS5mI14NXOExACOm_XaswnsARHSBuKVlGBIORhMnKMHyPBXRvN8JYGAd8IMpeq6UMkuLAuP8JapQoJ1DAzG9NwISZrGsatdxXGAiGvW9szqIhPVoUpd2AZQvGERgIlKIZgAiTDY3ITCbXQLwAFJDXfYD50XGjw1gCCMCA-DI0mBVdybcoW0HOD4PvR8MgEvjbw9L17AAbW_CMMlYCB6nIAgRPgjJBCQ6BlNvDJe3QDtTnNOoAGs4E0zcMnFFIYEoPt0BMkA6NYiwMmTFQ5jwYRBFQaw0CvEBpOEABdb8v3oixJ3YlZhCk0LwzjVjUELGBd33Q9j1Pc85l8hzHO0QwkqfEBDAgGBTKzA94iqSKMkxTFyNK-MXxQyTqqcOr7IK7lWoyALstYsTlGamKs2AYQEkHW57DeN5MS1BKiHy2T5JRJSQGEELHNi0bxvyt4AEYnFmxLdzU5QNNW9aNtMLaoAm4QHjeBxDvm3cdL0ggDNKYyMjW3rHJGsabvy3bpqehaQAszBrJ0uyfv8iN_u2-xdsxBwAA5Qd3FyymKDyvJ8mGfCG8Merh4QYMMEo4AgSK4sc6CiFTIIWMusKSnQShzQAIRu1DhH236NrgNmOfYI9JwIAANewDtJiMhdUDnOD_Opd1KawIm9A7hC1nWcExKi_KJ-dScJ1jTc3IL6PNz8TU_bxjV8fEfjFR2ohiEI5HEEAvB9oA">Demo →</a><!-- vue2DemoLink:end --></summary>
 
 <!-- vue2Scripts:start -->
 ```html
 <script src="https://cdn.jsdelivr.net/npm/vue@2.7.3"></script>
 <script src="https://cdn.jsdelivr.net/npm/echarts@5.3.3"></script>
-<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.1"></script>
+<script src="https://cdn.jsdelivr.net/npm/vue-echarts@6.2.2"></script>
 ```
 <!-- vue2Scripts:end -->
 
diff --git a/package.json b/package.json
index 74cfd2f..b66aad5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-echarts",
-  "version": "6.2.2",
+  "version": "6.2.3",
   "description": "Vue.js component for Apache ECharts.",
   "author": "GU Yiling <justice360@gmail.com>",
   "scripts": {
diff --git a/src/ECharts.ts b/src/ECharts.ts
index e569229..8e88246 100644
--- a/src/ECharts.ts
+++ b/src/ECharts.ts
@@ -12,13 +12,14 @@ import {
   onUnmounted,
   h,
   nextTick,
-  PropType,
   watchEffect,
+  getCurrentInstance,
   Vue2,
-  InjectionKey
+  type PropType,
+  type InjectionKey
 } from "vue-demi";
 import { init as initChart } from "echarts/core";
-import {
+import type {
   EChartsType,
   EventTarget,
   Option,
@@ -36,8 +37,8 @@ import {
   useLoading,
   loadingProps
 } from "./composables";
-import "./style.css";
 import { omitOn } from "./utils";
+import "./style.css";
 
 const TAG_NAME = "x-vue-echarts";
 
@@ -46,8 +47,10 @@ if (Vue2) {
 }
 
 export const THEME_KEY = "ecTheme" as unknown as InjectionKey<ThemeInjection>;
-export const INIT_OPTIONS_KEY = "ecInitOptions" as unknown as InjectionKey<InitOptionsInjection>;
-export const UPDATE_OPTIONS_KEY = "ecUpdateOptions" as unknown as InjectionKey<UpdateOptionsInjection>;
+export const INIT_OPTIONS_KEY =
+  "ecInitOptions" as unknown as InjectionKey<InitOptionsInjection>;
+export const UPDATE_OPTIONS_KEY =
+  "ecUpdateOptions" as unknown as InjectionKey<UpdateOptionsInjection>;
 export { LOADING_OPTIONS_KEY } from "./composables";
 
 export default defineComponent({
@@ -65,20 +68,13 @@ export default defineComponent({
     ...loadingProps
   },
   inheritAttrs: false,
-  // @ts-expect-error listeners for Vue 2 compatibility
-  setup(props, { attrs, listeners }) {
+  setup(props, { attrs }) {
     const root = shallowRef<HTMLElement>();
     const chart = shallowRef<EChartsType>();
     const manualOption = shallowRef<Option>();
     const defaultTheme = inject(THEME_KEY, null);
-    const defaultInitOptions = inject(
-      INIT_OPTIONS_KEY,
-      null
-    );
-    const defaultUpdateOptions = inject(
-      UPDATE_OPTIONS_KEY,
-      null
-    );
+    const defaultInitOptions = inject(INIT_OPTIONS_KEY, null);
+    const defaultUpdateOptions = inject(UPDATE_OPTIONS_KEY, null);
 
     const { autoresize, manualUpdate, loading, loadingOptions } = toRefs(props);
 
@@ -94,6 +90,9 @@ export default defineComponent({
     );
     const nonEventAttrs = computed(() => omitOn(attrs));
 
+    // @ts-expect-error listeners for Vue 2 compatibility
+    const listeners = getCurrentInstance().proxy.$listeners;
+
     function init(option?: Option) {
       if (!root.value) {
         return;