Lobby.vue

<template>
  <div class="lobby">
    <user-ribbon username="Josie Péritel" pathToImage="avatar/criquette.jpg"/>
  </div>
</template>

<script>
// @ is an alias to /src
import UserRibbon from '@/components/UserRibbon.vue'

export default {
  name: 'lobby',
  components: {
    UserRibbon
  }
}
</script>

<style>
.lobby{
  display: flex;
  flex-direction: column;
}
</style>