info.vue

<template>
  <v-container grid-list-xs>
    <NavSwitcher />
  </v-container>
</template>

<script>
import NavSwitcher from "~/components/NavSwitcher.vue";
export default {
  components: {
    NavSwitcher,
  },
  created() {
    this.getRibbons();
  },
  methods: {
    async getRibbonsBrickedDemo() {
      await this.$axios
        .get("/api/ribbons?from=2&to=1")
        .then((res) => {
          console.log(res.data);
        })
        .catch((e) => {
          if (e.response) {
            console.log(
              `The API returned with an error status code: ${e.response.status}`
            );
          }
        });
    },
    async getRibbons() {
      await this.$axios
        .get("/api/ribbons")
        .then((res) => {
          console.log(res.data);
        })
        .catch((e) => {
          if (e.response) {
            console.log(
              `The API returned with an error status code: ${e.response.status}`
            );
          }
        });
    },
  },
};
</script>

<style></style>