theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore(sfc-playground): improve buttons

Browse Source
This commit is contained in:
Evan You 2021-09-16 17:21:48 -04:00
parent 8055445b68
commit a276e7253a
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/sfc-playground/src/Header.vue
View File

@ -111,12 +111,18 @@ async function fetchVersions(): Promise<string[]> {
</li> </li>
</ul> </ul>
</div> </div>
<button class="toggle-dark" @click="toggleDark"> <button title="Toggle dark mode" class="toggle-dark" @click="toggleDark">
<Sun class="light" /> <Sun class="light" />
<Moon class="dark" /> <Moon class="dark" />
</button> </button>
<button class="share" @click="copyLink"><Share /></button> <button title="Copy sharable URL" class="share" @click="copyLink">
<button class="download" @click="downloadProject(store)"> <Share />
</button>
<button
title="Download project files"
class="download"
@click="downloadProject(store)"
>
<Download /> <Download />
</button> </button>
</div> </div>

4
packages/sfc-playground/src/download/download.ts
View File

@ -7,6 +7,10 @@ import config from './template/vite.config.js?raw'
import readme from './template/README.md?raw' import readme from './template/README.md?raw'
export async function downloadProject(store: any) { export async function downloadProject(store: any) {
if (!confirm('Download project files?')) {
return
}
const { default: JSZip } = await import('jszip') const { default: JSZip } = await import('jszip')
const zip = new JSZip() const zip = new JSZip()