fix: svg compoent

Author: sendya

src/assets/logo.svg

@@ -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/page/GlobalLayout.vue

@@ -1,15 +1,22 @@
 <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,