From 35f1707e033554ea1bca5b3a2887741321b09898 Mon Sep 17 00:00:00 2001
From: Yue JIN <yuejin13@qq.com>
Date: Sun, 23 Jun 2024 21:54:43 +0800
Subject: [PATCH] chore: add source button on playground

---
 playground/app.vue                 | 2 +-
 playground/components/NExample.vue | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/playground/app.vue b/playground/app.vue
index bb04123..991d5bb 100644
--- a/playground/app.vue
+++ b/playground/app.vue
@@ -46,7 +46,7 @@ const themeOptions = [
     <NSelectTabs v-model="renderer" :options="rendererOptions" />
   </aside>
 
-  <div class="grid gap-y-12 justify-center py-15 text-align-center">
+  <div class="grid gap-y-16 justify-center py-15 text-align-center">
     <header>
       <!-- <EChartsLogo class="mx-auto fill-green-5 dark:fill-brand" /> -->
       <div class="inline-block w-fit h-fit mb-10">
diff --git a/playground/components/NExample.vue b/playground/components/NExample.vue
index 223be41..caf2bcd 100644
--- a/playground/components/NExample.vue
+++ b/playground/components/NExample.vue
@@ -9,6 +9,12 @@ defineProps<{ id: string; title: string; desc: string }>()
         {{ title }}
         <small class="op-70">({{ desc }})</small>
       </a>
+      <NButton
+        class="text-xs ml-2 px-2"
+        :to="`https://github.com/kingyue737/nuxt-echarts/tree/main/playground/components/Chart/${id[0].toUpperCase()}${id.slice(1)}.vue`"
+        target="_blank"
+        >Source</NButton
+      >
     </h3>
     <NCard class="dark:bg-[#100c2a] my-5">
       <slot />