import { fileURLToPath } from 'node:url'
import { dirname, join } from 'node:path'

const dir = dirname(fileURLToPath(import.meta.url))

export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss','@nuxt/icon'],
  css: [join(dir, 'app/assets/css/malio.css')],

  components: [
    {
      path: join(dir, 'app/components/malio'),
      prefix: 'Malio',
      pathPrefix: false,
    },
  ],

  tailwindcss: {
    config: {
      theme: {
        extend: {
          borderRadius: {
            malio: 'var(--m-radius)',
          },
          colors: {
            m: {
              primary: 'rgb(var(--m-primary) / <alpha-value>)',
              secondary: 'rgb(var(--m-secondary) / <alpha-value>)',
              tertiary: 'rgb(var(--m-tertiary) / <alpha-value>)',
              border: 'rgb(var(--m-border) / <alpha-value>)',
              text: 'rgb(var(--m-text) / <alpha-value>)',
              muted: 'rgb(var(--m-muted) / <alpha-value>)',
              bg: 'rgb(var(--m-bg) / <alpha-value>)',
              error: 'rgb(var(--m-error) / <alpha-value>)',
              success: 'rgb(var(--m-success) / <alpha-value>)',
            }
          }
        }
      }
    }
  }
})