Ajout de composant (#7)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Co-authored-by: kevin <kevin@yuno.malio.fr>
Reviewed-on: #7
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

nuxt.config.ts

@@ -1,9 +1,34 @@
 import { fileURLToPath } from 'node:url'
 import { dirname, join } from 'node:path'
 
-const currentDir = dirname(fileURLToPath(import.meta.url))
+const dir = dirname(fileURLToPath(import.meta.url))
 
 export default defineNuxtConfig({
-  modules: ['@nuxtjs/tailwindcss'],
-  css: [join(currentDir, './app/assets/css/tailwind.css')],
+  modules: ['@nuxtjs/tailwindcss','@nuxt/icon'],
+  css: [join(dir, 'app/assets/css/malio.css')],
+
+  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>)',
+            }
+          }
+        }
+      }
+    }
+  }
 })