My Vue Components

Une bibliothèque de composants Vue personnalisée avec Tailwind CSS et AOS (Animate On Scroll).

Installation

npm install my-vue-components

Utilisation

Installation globale

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

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 :

<template>
  <div data-aos="fade-up" data-aos-duration="1000">
    Contenu animé
  </div>
</template>

Composants disponibles

CustomButton

Un bouton personnalisable avec différentes variantes.

<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

# Installation des dépendances
npm install

# Développement
npm run dev

# Build
npm run build