app.config.ts

export default defineAppConfig({
  nuxtIcon: {},
  ui: {
    primary: 'amber',
    button: {
      rounded: 'rounded-none',
    },
    input: {
      rounded: 'rounded-none',
    },
    textarea: {
      rounded: 'rounded-none',
    },
    select: {
      rounded: 'rounded-none',
    },
    selectMenu: {
      rounded: 'rounded-none',
    },
    buttonGroup: {
      rounded: 'rounded-none',
    },
    badge: {
      rounded: 'rounded-none',
    },
    card: {
      rounded: 'rounded-none',
      body: {
        padding: 'p-2 sm:p-2',
      },
    },
    dropdown: {
      rounded: 'rounded-none',
      item: {
        rounded: 'rounded-none',
      },
    },
    checkbox: {
      rounded: 'rounded-none',
    },
    tabs: {
      list: {
        base: 'border-b-2',
        background: 'bg-transparent',
        rounded: 'rounded-none',
        marker: {
          rounded: 'rounded-none',
          background: 'bg-transparent',
          shadow: 'shadow-none',
          base: 'border-b-2 border-primary',
        },
      },
    },
    table: {
      th: {
        padding: 'py-1 px-2',
      },
      td: {
        padding: 'py-1 px-2',
      },
    },
    pagination: {
      rounded: 'first:rounded-none last:rounded-none',

    },
    carousel: {
      rounded: 'rounded-none',
    },
    horizontalNavigation: {
      container: 'list-none',
    },
    popover: {
      wrapper: 'h-0',
      rounded: 'rounded-none',
      trigger: 'w-0 h-0 overflow-hidden',
    }
  },
})