Merge pull request #156 from traPtitech/fix/header_logo

本番ビルドでヘッダーのロゴが表示できてない
traPtitech · Jun 21, 2024 · dfb300e · dfb300e
2 parents 73da450 + af64965
commit dfb300e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Layout/PageHeader.vue b/src/components/Layout/PageHeader.vue
@@ -2,6 +2,8 @@
 import SearchInput from '/@/components/UI/SearchInput.vue'
 import { useResponsiveStore } from '/@/store/responsive'
 import { storeToRefs } from 'pinia'
+import pcLogo from '/@/assets/traP_logo_blue.svg'
+import spLogo from '/@/assets/traP_logo_icon.svg'
 
 const responsiveStore = useResponsiveStore()
 const { isMobile } = storeToRefs(responsiveStore)
@@ -11,11 +13,7 @@ const { isMobile } = storeToRefs(responsiveStore)
   <header :class="$style.container">
     <router-link to="/">
       <img
-        :src="
-          isMobile
-            ? '/@/assets/traP_logo_icon.svg'
-            : '/@/assets/traP_logo_blue.svg'
-        "
+        :src="isMobile ? spLogo : pcLogo"
         alt="traP"
         :width="isMobile ? '48' : '343'"
         height="48"

diff --git a/src/types/shims-svg.d.ts b/src/types/shims-svg.d.ts
@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const content: string
+  export default content
+}