From 4313d301e4654896606b414dba2e483d37ac0435 Mon Sep 17 00:00:00 2001
From: Justineo <justice360@gmail.com>
Date: Fri, 3 Feb 2023 14:55:08 +0800
Subject: [PATCH] docs: add codesandbox link

---
 README.md         | 11 ++++-------
 README.zh-Hans.md | 10 +++-------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 3c276e8..ab29fda 100644
--- a/README.md
+++ b/README.md
@@ -1,15 +1,12 @@
 <h1 align="center">Vue-ECharts</h1>
 
-<p align="center">Vue.js component for Apache ECharts.</p>
-
-<p align="center"><a href="https://vue-echarts.dev/">Live Demo</a> · <a href="./README.zh-Hans.md">🇨🇳 中文版</a></p>
-<p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="Open in Codeflow" src="https://developer.stackblitz.com/img/open_in_codeflow_small.svg"/></a></p>
+<p align="center">Vue.js <sup>(v2/v3)</sup> component for Apache ECharts <sup>(v5)</sup>.</p>
+<p align="center"><a href="https://vue-echarts.dev/">View Demo →</a></p>
+<p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="Open in Codeflow" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" height="28"/></a><a href="https://codesandbox.io/p/github/ecomfe/vue-echarts"> <img alt="Edit in CodeSandbox" src="https://assets.codesandbox.io/github/button-edit-lime.svg" height="28"/></a></p>
 
 ---
 
-> Uses [Apache ECharts](https://echarts.apache.org/en/index.html) 5 and works for both [Vue.js](https://vuejs.org/) 2/3.
-
-## 💡 Heads up 💡
+<h2>💡 Heads up 💡 <a href="./README.zh-Hans.md"><img src="https://img.shields.io/badge/%F0%9F%87%A8%F0%9F%87%B3-%E4%B8%AD%E6%96%87%E7%89%88-white?labelColor=white" alt="前往中文版" align="right" height="24"/></a></h2>
 
 If you are migrating from `vue-echarts` ≤ 5, you should read the _[Migration to v6](#migration-to-v6)_ section before you update to v6.
 
diff --git a/README.zh-Hans.md b/README.zh-Hans.md
index dbf929a..87dcb2e 100644
--- a/README.zh-Hans.md
+++ b/README.zh-Hans.md
@@ -1,15 +1,11 @@
 <h1 align="center">Vue-ECharts</h1>
 
-<p align="center">Apache ECharts 的 Vue.js 组件。</p>
-
-<p align="center"><a href="https://vue-echarts.dev/">在线 Demo</a></p>
-<p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="在 Codeflow 中打开" src="https://developer.stackblitz.com/img/open_in_codeflow_small.svg"/></a></p>
+<p align="center">Apache ECharts <sup>(v5)</sup> 的 Vue.js <sup>(v2/v3)</sup> 组件。</p>
+<p align="center"><a href="https://vue-echarts.dev/">查看 Demo →</a></p>
+<p align="center"><a href="https:///pr.new/ecomfe/vue-echarts"><img alt="Open in Codeflow" src="https://developer.stackblitz.com/img/open_in_codeflow.svg" height="28"/></a><a href="https://codesandbox.io/p/github/ecomfe/vue-echarts"> <img alt="Edit in CodeSandbox" src="https://assets.codesandbox.io/github/button-edit-lime.svg" height="28"/></a></p>
 
 ---
 
-> 使用 [Apache ECharts](https://echarts.apache.org/zh/index.html) 5，同时支持 [Vue.js](https://vuejs.org/) 2/3。
-
-
 ## 💡 注意 💡
 
 若您准备从 `vue-echarts` ≤ 5 的版本迁移到新版本，请在升级 v6 前阅读 _[迁移到 v6](#迁移到-v6)_ 部分文档。