@dcrackel/meyersquaredui/src/stories/Organisms/Cards/MerchCartCard/MerchCartCard.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 MerchCartCard from './MerchCartCard.vue';

export default {
    title: 'Organisms/Cards/MerchCartCard',
    component: MerchCartCard,
    argTypes: {
        isInCart: { control: 'boolean' },
        'add-to-cart': { action: 'add-to-cart' },
    },
};

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

export const Default = Template.bind({});
Default.args = {
    data: {
        MerchId: 1,
        Name: 'Big Steppy T-Shirt',
        Description: 'Super Awesome and Soft Tournament Shirt',
        OptionsJson: '["XS","S","M","L","XL","2XL","3XL"]',
        Images: [
            {
                ImageId: 125,
                URL: 'https://meyersquaredimages.com/images/merch/tshirt.png',
                AltText: 'Big Steppy Shirt',
            },
        ],
        Price: 25.00,
    },
    isInCart: false,
};