image fix

src/components/BloodChart.vue

@@ -73,17 +73,17 @@ function getImageUrl(url) {
 // 	{
 // 		name: "$PEPE",
 // 		percentage: 62.2,
-// 		icon: "/src/assets/img/token/pepevamp.png",
+// 		icon: "/assets/img/token/pepevamp.png",
 // 	},
 // 	{
 // 		name: "$SHIB",
 // 		percentage: 31.2,
-// 		icon: "/src/assets/img/token/shibvamp.png",
+// 		icon: "/assets/img/token/shibvamp.png",
 // 	},
 // 	{
 // 		name: "$ELON",
 // 		percentage: 54.5,
-// 		icon: "/src/assets/img/token/elonvamp.png",
+// 		icon: "/assets/img/token/elonvamp.png",
 // 	},
 // ];
 </script>

src/components/Navbar.vue

@@ -10,7 +10,8 @@ const showNavbar = ref(true);
 const lastScrollPosition = ref(0);
 
 function onScroll() {
-	const currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
+	const currentScrollPosition =
+		window.pageYOffset || document.documentElement.scrollTop;
 	if (currentScrollPosition < 0) {
 		return;
 	}
@@ -33,8 +34,7 @@ onBeforeUnmount(() => {
 			<div class="navbar-inner">
 				<div class="navbar-icon">
 					<router-link to="/">
-						<!-- <img alt="Parry logo" class="logo" src="@/assets/img/logo.svg" /> -->
-						<img alt="logo" class="logo" src="@/assets/img/vampir.png" />
+						<img alt="logo" class="logo" src="/assets/img/vampir.png" />
 					</router-link>
 				</div>
 				<div class="navbar-text">Bloodline</div>

src/components/SacrificeToken.vue

@@ -75,7 +75,7 @@
 				</div>
 				<div class="sacrifice-fees-info-wrapper">
 					<div class="sacrifice-fees-img">
-						<img src="@/assets/img/fuel-noozle.png" alt="fuel noozle" />
+						<img src="/assets/img/fuel-noozle.png" alt="fuel noozle" />
 					</div>
 					<div class="sacrifice-fees-body">
 						<div class="sacrifice-fees-body-header">

src/components/TokenClaim.vue

@@ -5,7 +5,7 @@
 				title="Sacrafice Reward"
 				coin="$BLOOD"
 				:amount="getCurrentRoundData?.rewards_sacrifice"
-				image="/src/assets/img/vampir.png"
+				image="/assets/img/vampir.png"
 			/>
 			<div class="rewards-divider bloodline-devider">
 				<font-awesome-icon icon="fa-solid fa-plus" />
@@ -14,7 +14,7 @@
 				title="Clan Reward"
 				coin="$BLOOD"
 				:amount="getCurrentRoundData?.rewards_clan"
-				image="/src/assets/img/vampir.png"
+				image="/assets/img/vampir.png"
 			/>
 		</div>
 		<div class="rewards-list" v-else>
@@ -22,17 +22,17 @@
 				title="Total Sacrafice Reward"
 				coin="$BLOOD"
 				amount="0"
-				image="/src/assets/img/vampir.png"
+				image="/assets/img/vampir.png"
 			/>
 			<rewards-wrapper
 				title="Total Stake Reward"
 				coin="$BLOOD"
 				amount="0"
 				info="max: 312m"
-				image="/src/assets/img/vampir.png"
+				image="/assets/img/vampir.png"
 			/>
-			<rewards-wrapper title="Clan Bonus" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
-			<rewards-wrapper title="Total Reward" coin="$BLOOD" amount="0" image="/src/assets/img/vampir.png" />
+			<rewards-wrapper title="Clan Bonus" coin="$BLOOD" amount="0" image="/assets/img/vampir.png" />
+			<rewards-wrapper title="Total Reward" coin="$BLOOD" amount="0" image="/assets/img/vampir.png" />
 		</div>
 		<div class="claim-button">
 			<div v-if="activeRound === currentRound" class="btn btn-immortal btn--disabled">Cycle Active</div>

src/stores/rounds.js

@@ -48,6 +48,7 @@ export const useRoundsStore = defineStore("rounds", {
                     if (await walletStore.isConnected()) {
 						rewardData = await rewardLockerStore.getRewardsForAllToken(this.activeRound);
                     } 
+                    console.log("rewardData123", rewardData);
                     
                     var goal = await memeBurnerStore.getGoal(this.activeRound);
                 

src/stores/tokens.js

@@ -15,10 +15,10 @@ export const useTokenStore = defineStore("token", {
 		token: [
 			{
 				name: "$PEPE",
-				logo: "/src/assets/img/token/pepe.png",
-				logoMobile: "/src/assets/img/token/pepeMobile.png",
+				logo: "/assets/img/token/pepe.png",
+				logoMobile: "/assets/img/token/pepeMobile.png",
 				vamp: {
-					logo: "/src/assets/img/token/pepevamp.png",
+					logo: "/assets/img/token/pepevamp.png",
 					name: "$PEPE Vamp Token",
 				},
 				backgroundColor: "#4b8501",
@@ -28,10 +28,10 @@ export const useTokenStore = defineStore("token", {
 			},
 			{
 				name: "$SHIB",
-				logo: "/src/assets/img/token/shib.png",
-				logoMobile: "/src/assets/img/token/shibMobile.png",
+				logo: "/assets/img/token/shib.png",
+				logoMobile: "/assets/img/token/shibMobile.png",
 				vamp: {
-					logo: "/src/assets/img/token/shibvamp.png",
+					logo: "/assets/img/token/shibvamp.png",
 					name: "$SHIBA Vamp Token",
 				},
 				abi: Meme2Json.abi,
@@ -39,10 +39,10 @@ export const useTokenStore = defineStore("token", {
 			},
 			// {
 			// 	name: "$ELON",
-			// 	logo: "/src/assets/img/token/elon.png",
-			// 	logoMobile: "/src/assets/img/token/elonMobile.png",
+			// 	logo: "/assets/img/token/elon.png",
+			// 	logoMobile: "/assets/img/token/elonMobile.png",
 			// 	vamp: {
-			// 		logo: "/src/assets/img/token/shibvamp.png",
+			// 		logo: "/assets/img/token/shibvamp.png",
 			// 		name: "$ELON Vamp Token",
 			// 	},
 			// 	abi: null,

src/views/HomeView.vue

@@ -179,8 +179,8 @@ function timeBetweenDates() {
 				<div class="card">
 					<h2>Tokenomics</h2>
 					<p>100% clan owned. No team %, no pre-mine</p>
-					<img v-if="isMobile" src="@/assets/img/tokenomics_footer.png" alt="tokenomics" />
-					<img v-else src="@/assets/img/tokenomics.png" alt="tokenomics" />
+					<img v-if="isMobile" src="/assets/img/tokenomics_footer.png" alt="tokenomics" />
+					<img v-else src="/assets/img/tokenomics.png" alt="tokenomics" />
 				</div>
 			</section>
 		</div>

vite.config.js

@@ -8,6 +8,7 @@ import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+	base: "./",
 	plugins: [vue()],
 	optimizeDeps: {
 		esbuildOptions: {
@@ -19,7 +20,7 @@ export default defineConfig({
 				}),
 			],
 			define: {
-        global: 'globalThis',
+				global: "globalThis",
 			},
 		},
 	},