mlpcardgame/src/views/Lobby.vue

<template>
  <section class="lobby">
    <TopNav />
  </section>
</template>

<style lang="scss" scoped>
.lobby {
  background: url("../assets/images/backgrounds/menubg.webp") center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
</style>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TopNav from "@/components/Navigation/TopNav.vue";

@Component({
  components: {
    TopNav
  }
})
export default class Lobby extends Vue {}
</script>