@dcrackel/meyersquaredui/src/stories/Organisms/Cards/ClubMember/ClubMember.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.

// ClubMember.stories.js
import ClubMember from './ClubMember.vue';

export default {
    title: 'Organisms/Cards/ClubMember',
    component: ClubMember,
    argTypes: {
        data: { control: 'object' },
    },
};

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

export const Default = Template.bind({});
Default.args = {
    data: {
        DisplayName: 'John Doe',
        M2Ratings: [{ WeaponId: 1, FormattedRating: 'A+' }],
        ProfileImage: {
            URL: 'https://via.placeholder.com/100',
        },
    },
};

export const NoRating = Template.bind({});
NoRating.args = {
    data: {
        DisplayName: 'Jane Doe',
        M2Ratings: [],
        ProfileImage: {
            URL: 'https://via.placeholder.com/100',
        },
    },
};