chore: use SVG logo where applicable (#2787)

Author: phanan

package.json

@@ -29,4 +29,4 @@
     "hoek": "^6.1.2",
     "request": "^2.85.0"
   }
-}
+}

themes/vue/layout/index.ejs

@@ -10,7 +10,7 @@
   <div id="hero">
     <div class="inner">
       <div class="left">
-        <img class="hero-logo" src="<%- url_for("/images/logo.png") %>" alt="vue logo">
+        <img class="hero-logo" src="<%- url_for("/images/logo.svg") %>" alt="Vue logo">
       </div><div class="right">
         <h2 class="vue">Vue.js</h2>
         <h1>

themes/vue/layout/layout.ejs

@@ -21,7 +21,7 @@
     <meta property="og:type" content="article">
     <meta property="og:title" content="<%- page.title ? page.title + ' — ' : '' %>Vue.js">
     <meta property="og:description" content="<%- theme.site_description %>">
-    <meta property="og:image" content="https://<%- theme.root_domain %>/<%- url_for("/images/logo.png") %>">
+    <meta property="og:image" content="https://<%- theme.root_domain %>/images/logo.png">
 
     <meta name="twitter:card" content="summary">
     <meta name="twitter:title" content="<%- page.title ? page.title + ' — ' : '' %>Vue.js">
@@ -42,7 +42,7 @@
     <link rel="icon" type="image/png" sizes="96x96" href="<%- url_for("/images/icons/favicon-96x96.png") %>">
     <link rel="icon" type="image/png" sizes="16x16" href="<%- url_for("/images/icons/favicon-16x16.png") %>">
     <meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
-    <link rel="icon" href="<%- url_for("/images/logo.png") %>" type="image/png">
+    <link rel="icon" href="<%- url_for("/images/logo.svg") %>">
 
     <meta name="msapplication-TileColor" content="#4fc08d">
     <meta name="theme-color" content="#4fc08d">

themes/vue/layout/partials/header.ejs

@@ -6,7 +6,7 @@
 
   <header id="header">
     <a id="logo" href="<%- url_for("/") %>">
-      <img src="<%- url_for("/images/logo.png") %>" alt="vue logo">
+      <img src="<%- url_for("/images/logo.svg") %>" alt="Vue logo">
       <span>Vue.js</span>
     </a>
     <ul id="nav">

themes/vue/source/css/_header.styl

@@ -161,7 +161,7 @@ body.docs
     position: absolute
     width: 30px
     height: 30px
-    background: url(../images/logo.png) center center no-repeat
+    background: url(../images/logo.svg) center center no-repeat
     top: 5px
     left: 50%
     margin-left: -15px