nethera-vue-components 1.1.2

package/README.md

@@ -0,0 +1,87 @@
+# My Vue Components
+
+Une bibliothèque de composants Vue personnalisée avec Tailwind CSS et AOS (Animate On Scroll).
+
+## Installation
+
+```bash
+npm install my-vue-components
+```
+
+## Utilisation
+
+### Installation globale
+
+```javascript
+import { createApp } from 'vue'
+import App from './App.vue'
+import MyVueComponents from 'my-vue-components'
+
+const app = createApp(App)
+app.use(MyVueComponents)
+app.mount('#app')
+```
+
+### Import individuel
+
+```javascript
+import { CustomButton } from 'my-vue-components'
+
+export default {
+  components: {
+    CustomButton
+  }
+}
+```
+
+## Fonctionnalités incluses
+
+### Tailwind CSS
+Tous les composants utilisent Tailwind CSS pour le style. Vous pouvez utiliser toutes les classes Tailwind dans vos composants.
+
+### AOS (Animate On Scroll)
+L'animation au défilement est automatiquement initialisée. Utilisez les attributs AOS dans vos composants :
+
+```vue
+<template>
+  <div data-aos="fade-up" data-aos-duration="1000">
+    Contenu animé
+  </div>
+</template>
+```
+
+## Composants disponibles
+
+### CustomButton
+
+Un bouton personnalisable avec différentes variantes.
+
+```vue
+<template>
+  <CustomButton variant="primary" @click="handleClick">
+    Cliquez-moi
+  </CustomButton>
+</template>
+```
+
+#### Props
+
+- `variant` (String): 'primary' | 'secondary' | 'danger' (défaut: 'primary')
+- `disabled` (Boolean): désactive le bouton (défaut: false)
+
+#### Événements
+
+- `click`: émis lors du clic sur le bouton
+
+## Développement
+
+```bash
+# Installation des dépendances
+npm install
+
+# Développement
+npm run dev
+
+# Build
+npm run build
+```