frontend/src/App.vue

@@ -50,7 +50,7 @@ const optionsOpen = ref(false);
 
 onMounted(async () => {
   games.value = await fetchGames();
-  tags.value = [...new Set(games.value.flatMap(game => game.Genres))];
+  tags.value = [...new Set(games.value.flatMap(game => game.Genres.split(",")))];
   selectedTag.value = tags.value[0];
   selectedGame.value = store.filteredGames[0];
 });

frontend/src/services/game-service.ts

@@ -45,7 +45,7 @@ export async function fetchGames(): Promise<Game[]> {
 
     // TODO games should be loaded from and started from the wails/go code
     const games = await LoadGames();
-    for (const game in games) {
+    for (const game of games) {
         console.log(game)
     }
     return games;

frontend/src/stores/app-store.ts

@@ -14,7 +14,7 @@ export const useAppStore = defineStore('app', {
     }),
     getters: {
         filteredGames(state): Game[] {
-            return state.games.filter(game => game.Genres.includes(state.selectedTag ?? ''));
+            return state.games.filter(game => game.Genres.split(",").includes(state.selectedTag ?? ''));
         }
     },
     actions: {