@dcrackel/meyersquaredui/src/stories/Organisms/Cards/ClubListCard/CLubListCard.stories.js

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

import ClubDisplay from './ClubListCard.vue';
import mockAllClubs from "../../../../mocks/getAllClubs.js";
export default {
    title: 'Organisms/Cards/ClubListCard',
    component: ClubDisplay,
    argTypes: {
        club: {
            control: 'object',
            defaultValue: {
                ClubName: 'Fencing Academy',
                City: 'New York',
                State: 'NY',
                Description: 'A club with a rich history of training Olympic fencers. We provide lessons in saber, foil, and épée.',
                membercount: 30,
            },
        },
    },
};

const Template = (args) => ({
    components: { ClubDisplay },
    setup() {
        return { args };
    },
    template: '<ClubDisplay v-bind="args" />',
});

export const Default = Template.bind({});
Default.args = {
    data: mockAllClubs,
};