From: Evan You <yyx990803@gmail.com>
Date: Thu, 16 Sep 2021 21:21:48 +0000 (-0400)
Subject: chore(sfc-playground): improve buttons
X-Git-Tag: v3.2.12~7
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=a276e7253aded5897c1d04b135727a0247bc903b;p=thirdparty%2Fvuejs%2Fcore.git

chore(sfc-playground): improve buttons
---

diff --git a/packages/sfc-playground/src/Header.vue b/packages/sfc-playground/src/Header.vue
index 88ebe28dc2..c0cc7a8b96 100644
--- a/packages/sfc-playground/src/Header.vue
+++ b/packages/sfc-playground/src/Header.vue
@@ -111,12 +111,18 @@ async function fetchVersions(): Promise<string[]> {
           </li>
         </ul>
       </div>
-      <button class="toggle-dark" @click="toggleDark">
+      <button title="Toggle dark mode" class="toggle-dark" @click="toggleDark">
         <Sun class="light" />
         <Moon class="dark" />
       </button>
-      <button class="share" @click="copyLink"><Share /></button>
-      <button class="download" @click="downloadProject(store)">
+      <button title="Copy sharable URL" class="share" @click="copyLink">
+        <Share />
+      </button>
+      <button
+        title="Download project files"
+        class="download"
+        @click="downloadProject(store)"
+      >
         <Download />
       </button>
     </div>
diff --git a/packages/sfc-playground/src/download/download.ts b/packages/sfc-playground/src/download/download.ts
index 6d9634d3e9..dd7e3761d6 100644
--- a/packages/sfc-playground/src/download/download.ts
+++ b/packages/sfc-playground/src/download/download.ts
@@ -7,6 +7,10 @@ import config from './template/vite.config.js?raw'
 import readme from './template/README.md?raw'
 
 export async function downloadProject(store: any) {
+  if (!confirm('Download project files?')) {
+    return
+  }
+
   const { default: JSZip } = await import('jszip')
   const zip = new JSZip()