Evento de clicar em um jogo

src/frontend/src/components/TabelaDeJogos.vue

@@ -9,6 +9,10 @@ defineProps<{
   jogos: Jogo[]
 }>();
 
+defineEmits<{
+  selecionarJogo: [jogo: Jogo]
+}>();
+
 const filtros = ref({
   nome: { value: null, matchMode: 'contains' },
   loja: { value: null, matchMode: 'equals' },
@@ -25,7 +29,8 @@ function lojas(jogos: Jogo[]): string[] {
 
 <template>
   <DataTable v-model:filters="filtros" :value="jogos" sort-mode="multiple" data-key="id" filter-display="row"
-    :globalFilterFields="['nome', 'estado', 'loja', 'preco']">
+    :globalFilterFields="['nome', 'estado', 'loja', 'preco']" row-hover
+    @row-click="$emit('selecionarJogo', $event.data)">
 
     <Column field="nome" sortable header="Nome">
       <template #filter="{ filterModel, filterCallback }">