@dcrackel/meyersquaredui/src/stories/Molecules/DropDowns/BasicDropDown.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 BasicDropDown from './BasicDropDown.vue';

export default {
    title: 'Molecules/DropDowns/BasicDropDown',
    component: BasicDropDown,
    argTypes: {
        items: {
            control: { type: 'array' },
            defaultValue: ['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler']
        },
        selectedItem: {
            control: { type: 'text' },
            defaultValue: 'Longsword'
        },
        'item-select': { action: 'item-select' },
    },
};

const Template = (args) => ({
    components: { BasicDropDown },
    setup() {
        return { args };
    },
    template: '<BasicDropDown v-bind="args" @item-select="args[\'item-select\']" />',
});

export const Default = Template.bind({});
Default.args = {
    items: ['All Weapons', 'Longsword', 'Saber', 'Rapier', 'Smallsword', 'Sword and Buckler'],
    defaultSelectedItem: 'Longsword',
};