fix: svg compoent

src/assets/logo.svg

 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
   <title>Vue</title>
   <desc>Created with Sketch.</desc>

src/components/page/GlobalLayout.vue

@@ -507,12 +507,12 @@ export default {
       background: #002140;
       overflow: hidden;
 
-      img, h1 {
+      img, svg, h1 {
         display: inline-block;
         vertical-align: middle;
       }
 
-      img {
+      img, svg {
         height: 32px;
       }
 

src/components/tools/Logo.vue

 <template>
   <div class="logo">
     <router-link :to="{name:'dashboard'}">
-      <img src="~@/assets/logo.svg" alt="logo">
+      <LogoSvg alt="logo" />
       <h1 v-if="showTitle">{{ title }}</h1>
     </router-link>
   </div>
 </template>
 
 <script>
+import LogoSvg from '@/assets/logo.svg'
+
+console.log(LogoSvg)
+
 export default {
   name: 'Logo',
+  components: {
+    LogoSvg
+  },
   props: {
     title: {
       type: String,