<template>
  <v-container align-content-end align-end d-flex grid justify-end>
    <v-btn x-large icon @click="changeRoute()">
      <v-icon x-large>{{
        showInfo ? "mdi-information-outline" : "mdi-gamepad-variant-outline"
      }}</v-icon>
    </v-btn>
  </v-container>
</template>

<script>
export default {
  data() {
    return {
      showInfo: true,
    };
  },
  methods: {
    changeRoute() {
      this.showInfo = !this.showInfo;
      this.showInfo ? this.$router.push("/info") : this.$router.push("/games");
    },
  },
};
</script>

<style></style>