<template> <div class="flex flex-col h-full w-full overflow-y-auto"> <p>{{ memberships }}</p> <Spinner v-if="loading == 'loading'" class="mx-auto" /> <p v-else-if="loading == 'failed'">laden fehlgeschlagen</p> </div> </template> <script setup lang="ts"> import { defineComponent } from "vue"; import { mapActions, mapState } from "pinia"; import Spinner from "@/components/Spinner.vue"; import { useMembershipStore } from "@/stores/admin/membership"; </script> <script lang="ts"> export default defineComponent({ computed: { ...mapState(useMembershipStore, ["memberships", "loading"]), }, mounted() { this.fetchItem(); }, methods: { ...mapActions(useMembershipStore, ["fetchMembershipsForMember"]), fetchItem() { this.fetchMembershipsForMember(); }, }, }); </script>