add domain to env and setup fetch url & image path

.env.example

@@ -1,4 +1,5 @@
 NUXT_APP_BASE_URL='/OPTIONAL_BASE_URL'
+API_FETCH_BASE_URL=YOUR_DOMAIN/
 
 EXTERNAL_API_KEY=YOUR_API_KEY
 API_BASE_URL=YOUR_BASE_URL

components/GameCard.vue

@@ -32,9 +32,7 @@ const props = defineProps({
   }
 });
 
-const config = useRuntimeConfig();
-
-const imgPath = computed(() => props.game?.image.original_url != null ? `${config.public.imgBaseUrl}${props.game?.image.original_url}` : '/254x356-gamepad.png');
+const imgPath = computed(() => props.game?.image.original_url != null ? props.game?.image.original_url : '/254x356-gamepad.png');
 </script>
 
 <style scoped>

nuxt.config.ts

@@ -8,7 +8,7 @@ export default defineNuxtConfig({
     apiKey: process.env.EXTERNAL_API_KEY,
     apiBaseUrl: process.env.API_BASE_URL,
     public: {
-      imgBaseUrl: ''
+      fetchBaseUrl: process.env.API_FETCH_BASE_URL
     }
   }
 })

pages/games/[id].vue

@@ -29,7 +29,10 @@ const route = useRoute();
 const config = useRuntimeConfig();
 const gameId = computed(() => route.params.id);
 
-const gameUrl = `http://localhost:3000/api/games/${gameId.value}`;
+const gameUrl = `${config.public.fetchBaseUrl}api/games/${gameId.value}`;
+
+console.log(gameUrl);
+
 
 const { data } = await useFetch<GameResults>(gameUrl);