component

<template>
  <RankBadge :rank="item.rank"></RankBadge>
</template>

<script>
import RankBadge from "./RankBadge";
import { useComponentsPlayerRankStore } from "@/stores/components-playerRank";

export default {
  name: "PlayerRanksBadge",
  components: {
    RankBadge
  },
  setup (props) {
    const store = useComponentsPlayerRankStore()

    store.retrieveItem(props.playerRank);

    return {
      store,
      item: store.getItem(this.playerRank),
      isLoading: store.isLoading(props.playerRank),
      getError: store.getError(props.playerRank)
    }
  },
  props: {
    playerRank: {
      type: String,
      required: true
    }
  },
};
</script>