feat : ajout de Malio UI et de la conf gitea

frontend/.npmrc

@@ -0,0 +1 @@
+@malio:registry=https://gitea.malio.fr/api/packages/MALIO-DEV/npm/

frontend/nuxt.config.ts

@@ -7,12 +7,13 @@ export default defineNuxtConfig({
             ? (process.env.NUXT_PUBLIC_APP_BASE || '/')
             : '/'
     },
+    extends: ['@malio/layer-ui'],
     modules: [
         '@nuxtjs/tailwindcss',
         '@pinia/nuxt',
         'nuxt-toast',
         '@nuxtjs/i18n',
-        '@nuxt/icon'
+        '@nuxt/icon',
     ],
     runtimeConfig: {
         public: {

frontend/package-lock.json

@@ -7,6 +7,7 @@
             "name": "nuxt-app",
             "hasInstallScript": true,
             "dependencies": {
+                "@malio/layer-ui": "^1.1.0",
                 "@nuxt/icon": "^2.2.1",
                 "@nuxtjs/i18n": "^10.2.3",
                 "@nuxtjs/tailwindcss": "^6.14.0",
@@ -2123,6 +2124,20 @@
             "integrity": "sha512-GaHYm+c0O9MjZRu0ongGBRbinu8gVAMd2UZjji6jVmqKtZluZnptXGWhz1E8j8D2HJ3f/yMxKAUC0b+57wncIw==",
             "license": "MIT"
         },
+        "node_modules/@malio/layer-ui": {
+            "version": "1.1.0",
+            "resolved": "https://gitea.malio.fr/api/packages/MALIO-DEV/npm/%40malio%2Flayer-ui/-/1.1.0/layer-ui-1.1.0.tgz",
+            "integrity": "sha512-mc+kOK+EDfo6ZZcE0/FaVnvDyIDJrigkgOzvL8rxnpljXEiRlKj5673e5e6ZIoOyKFqktzbJXzFr4V6UBD0wPg==",
+            "dependencies": {
+                "@nuxt/icon": "^2.2.1",
+                "@nuxtjs/tailwindcss": "^6.14.0",
+                "maska": "^3.2.0",
+                "tailwind-merge": "^3.3.1"
+            },
+            "peerDependencies": {
+                "nuxt": "^4.0.0"
+            }
+        },
         "node_modules/@mapbox/node-pre-gyp": {
             "version": "2.0.3",
             "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-2.0.3.tgz",
@@ -9483,6 +9498,12 @@
                 "source-map-js": "^1.2.1"
             }
         },
+        "node_modules/maska": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/maska/-/maska-3.2.0.tgz",
+            "integrity": "sha512-zSmSgs5/q9vMSmrdZT3rKOv9uLznNWR/niuuAdBZDTvB3SMKOX9vhMtDijFyExz+B4UClu2rvksylUh/ea1bLA==",
+            "license": "MIT"
+        },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -12424,6 +12445,16 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/tailwind-merge": {
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
+            "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
+            "license": "MIT",
+            "funding": {
+                "type": "github",
+                "url": "https://github.com/sponsors/dcastil"
+            }
+        },
         "node_modules/tailwindcss": {
             "version": "3.4.19",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",

frontend/package.json

@@ -11,6 +11,7 @@
         "build:dist": "nuxt generate && rm -rf dist && cp -R .output/public dist"
     },
     "dependencies": {
+        "@malio/layer-ui": "^1.1.0",
         "@nuxt/icon": "^2.2.1",
         "@nuxtjs/i18n": "^10.2.3",
         "@nuxtjs/tailwindcss": "^6.14.0",

frontend/pages/login.vue

@@ -9,18 +9,13 @@
             class="mt-8 space-y-6 rounded-lg border border-neutral-200 bg-white p-6 shadow-sm"
             @submit.prevent="handleSubmit"
         >
-            <div>
-                <label class="text-sm font-semibold text-neutral-700" for="username">
-                    Nom d'utilisateur
-                </label>
-                <input
-                    id="username"
-                    v-model="username"
-                    type="text"
-                    autocomplete="username"
-                    class="mt-2 w-full rounded-md border border-neutral-300 bg-white px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
-                />
-            </div>
+            <MalioInputText
+                label="Nom d'utilisateur"
+                autocomplete="username"
+                group-class="mt-0"
+                inputClass="w-full"
+                v-model="username"
+            />
 
             <div>
                 <label class="text-sm font-semibold text-neutral-700" for="password">
@@ -55,7 +50,7 @@ useHead({
 
 const router = useRouter()
 const auth = useAuthStore()
-const { version } = useAppVersion()
+const {version} = useAppVersion()
 
 const username = ref('')
 const password = ref('')