diff --git a/frontend/src/components/Details/RelatedGames.vue b/frontend/src/components/Details/RelatedGames.vue
index 874a7b3bc..17541c224 100644
--- a/frontend/src/components/Details/RelatedGames.vue
+++ b/frontend/src/components/Details/RelatedGames.vue
@@ -1,10 +1,10 @@
-
-
+
+
diff --git a/frontend/src/components/common/Game/Card/Related.vue b/frontend/src/components/common/Game/Card/Related.vue
index f88dd7c63..d4750f2d6 100644
--- a/frontend/src/components/common/Game/Card/Related.vue
+++ b/frontend/src/components/common/Game/Card/Related.vue
@@ -4,30 +4,35 @@ import { useTheme } from "vuetify";
// Props
const props = defineProps<{
- rom: IGDBRelatedGame;
+ game: IGDBRelatedGame;
}>();
-const emit = defineEmits(["click"]);
-const handleClick = (event: MouseEvent) => {
- emit("click", { event: event, rom: props.rom });
-};
const theme = useTheme();
+const handleClick = () => {
+ if (props.game.slug) {
+ window.open(
+ `https://www.igdb.com/games/${props.game.slug}`,
+ "_blank",
+ "noopener noreferrer"
+ );
+ }
+};
-
+
{{ rom.name }}{{ game.name }}
- {{ rom.type }}
+ {{ game.type }}