Use withBase for absolute asset imports

hydroserver2 · Sep 23, 2024 · ce8329d · ce8329d
1 parent 8adb9e0
commit ce8329d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 10 deletions.
diff --git a/...vitepress/theme/components/FundingAck.vue → docs/.vitepress/theme/components/Funding.vue b/...vitepress/theme/components/FundingAck.vue → docs/.vitepress/theme/components/Funding.vue
@@ -13,30 +13,34 @@
     </VPTeamPageTitle>
 
     <div class="image-row">
-      <img :src="DWRILogo" alt="DWRI Logo" class="dwri-logo" />
       <img
-        :src="UWRLLogoBlue"
+        :src="withBase('/DWRi-logo.png')"
+        alt="DWRI Logo"
+        class="dwri-logo"
+      />
+      <img
+        :src="withBase('/UStateVertical_Blue.png')"
         alt="UWRL Logo"
         class="logo uwrl-logo logo-blue img"
       />
       <img
-        :src="UWRLLogoWhite"
+        :src="withBase('/UStateVertical_White.png')"
         alt="UWRL Logo"
         class="logo uwrl-logo logo-white img"
       />
       <div class="ciroh-logo-wrapper">
-        <img :src="CIROHLogo" alt="CIROH Logo" />
+        <img
+          :src="withBase('/CIROH_logo_transparent-min.png')"
+          alt="CIROH Logo"
+        />
       </div>
     </div>
   </VPTeamPage>
 </template>
 
 <script setup>
 import { VPTeamPage, VPTeamPageTitle } from "vitepress/theme";
-import CIROHLogo from "../../../public/CIROH_logo_transparent-min.png";
-import DWRILogo from "../../../public/DWRI-logo.png";
-import UWRLLogoBlue from "../../../public/UStateVertical_Blue.png";
-import UWRLLogoWhite from "../../../public/UStateVertical_White.png";
+import { withBase } from "vitepress";
 </script>
 
 <style scoped>

diff --git a/docs/index.md b/docs/index.md
@@ -43,8 +43,8 @@ features:
 
 <script setup>
 import Contact from '.vitepress/theme/components/Contact.vue'
-import FundingAck from '.vitepress/theme/components/FundingAck.vue'
+import Funding from '.vitepress/theme/components/Funding.vue'
 </script>
 
 <Contact/>
-<FundingAck/>
+<Funding/>