import type { Preview } from '@storybook/vue3'
import { setup } from '@storybook/vue3'

import '../app/assets/css/tailwind.css'

setup((app) => {
  app.config.globalProperties.$t = (key: string) => key
  app.config.globalProperties.$d = (value: any) => value
})

const preview: Preview = {
  parameters: {
    actions: { argTypesRegex: '^on[A-Z].*' },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/
      }
    }
  }
}

export default preview
