chore(sfc-playground): use svg logo

diff --git a/packages/sfc-playground/index.html b/packages/sfc-playground/index.html
index a5e35213436ebc3b3a123909421caf6a1df6ddee..f58afbc9295fe27c77bc795dee0018aebbf9fa6c 100644 (file)
--- a/packages/sfc-playground/index.html
+++ b/packages/sfc-playground/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" type="image/png" href="/icon.png">
+  <link rel="icon" type="image/svg" href="/logo.svg">
   <title>Vue SFC Playground</title>
 
   <link rel="preconnect" href="https://fonts.gstatic.com">

diff --git a/packages/sfc-playground/public/icon.png b/packages/sfc-playground/public/icon.png
deleted file mode 100644 (file)
index 4388bfd..0000000
Binary files a/packages/sfc-playground/public/icon.png and /dev/null differ

diff --git a/packages/sfc-playground/public/logo.svg b/packages/sfc-playground/public/logo.svg
new file mode 100644 (file)
index 0000000..71c1cfb
--- /dev/null
+++ b/packages/sfc-playground/public/logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196.32 170.02">
+  <path fill="#42b883" d="M120.83 0L98.16 39.26 75.49 0H0l98.16 170.02L196.32 0h-75.49z"/>
+  <path fill="#35495e" d="M120.83 0L98.16 39.26 75.49 0H39.26l58.9 102.01L157.06 0h-36.23z"/>
+</svg>

diff --git a/packages/sfc-playground/src/Header.vue b/packages/sfc-playground/src/Header.vue
index 48821d49515197d1d7698b1a037513f35aa32677..a2a9f88439e6d0a8226f1fc96951a4d041e31c0d 100644 (file)
--- a/packages/sfc-playground/src/Header.vue
+++ b/packages/sfc-playground/src/Header.vue
@@ -1,7 +1,7 @@
 <template>
   <nav>
     <h1>
-      <img alt="logo" src="/icon.png">
+      <img alt="logo" src="/logo.svg">
       <span>Vue SFC Playground</span>
     </h1>
     <div class="links">