From f064859a27da098c91b1e2af6953ee2f9e28502b Mon Sep 17 00:00:00 2001
From: qier222 <qier222@outlook.com>
Date: Tue, 10 May 2022 12:10:47 +0800
Subject: [PATCH] docs: add powered by vercel

---
 README.md              |  6 +++++-
 src/views/settings.vue | 10 ++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 3b9b4fe..22803cf 100644
--- a/README.md
+++ b/README.md
@@ -37,7 +37,7 @@
 - 🟥 支持 Last.fm Scrobble
 - ☁️ 支持音乐云盘
 - ⌨️ 自定义快捷键和全局快捷键
-- 🎧 支持Mpris
+- 🎧 支持 Mpris
 - 🛠 更多特性开发中
 
 ## 📦️ 安装
@@ -55,6 +55,10 @@ Electron 版本由 [@hawtim](https://github.com/hawtim) 和 [@qier222](https://g
 
 除了下载安装包使用，你还可以将本项目部署到 Vercel 或你的服务器上。下面是部署到 Vercel 的方法。
 
+本项目的 Demo (https://music.qier222.com) 就是部署在 Vercel 上的网站。
+
+[![Powered by Vercel](https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg)](https://vercel.com/?utm_source=ypm&utm_campaign=oss)
+
 1. 部署网易云 API，详情参见 [Binaryify/NeteaseCloudMusicApi](https://neteasecloudmusicapi.vercel.app/#/?id=%e5%ae%89%e8%a3%85)
    。你也可以将 API 部署到 Vercel。
 
diff --git a/src/views/settings.vue b/src/views/settings.vue
index b8b63eb..d1cab4e 100644
--- a/src/views/settings.vue
+++ b/src/views/settings.vue
@@ -677,6 +677,16 @@
           <a href="http://github.com/qier222" target="_blank">QIER222</a></p
         >
         <p class="version">v{{ version }}</p>
+
+        <a
+          v-if="isElectron"
+          href="https://vercel.com/?utm_source=ypm&utm_campaign=oss"
+        >
+          <img
+            height="36"
+            src="https://www.datocms-assets.com/31049/1618983297-powered-by-vercel.svg"
+          />
+        </a>
       </div>
     </div>
   </div>