Vue Components Library

A collection of reusable Vue components built with Vue 3 and TypeScript. This library provides responsive, customizable UI components that can be easily integrated into any Vue project.

📦 Components

LoginRegister

A responsive login and registration component with smooth transitions and animations. Features include:

• Responsive design for all screen sizes
• Animated transitions between login and registration forms
• Form validation
• Social media login options
• Customizable styling

🚀 Installation

This component library is not yet published to npm. You can use it by cloning the repository:

# Clone the repository
git clone https://github.com/KayanoLiam/vue_components.git

# Navigate to the project directory
cd vue_components

# Install dependencies
npm install
# or
yarn install

Using components in your project

After cloning, you can:

1. Copy the components you need from the src/components directory to your project
2. Import them directly from the cloned repository

🔧 Usage

After copying the component to your project

Once you've copied the LoginRegister.vue component to your project, you can use it as follows:

Global Registration

// main.ts or main.js
import { createApp } from 'vue'
import App from './App.vue'
import LoginRegister from './components/LoginRegister.vue'

const app = createApp(App)
app.component('LoginRegister', LoginRegister)
app.mount('#app')

Local Registration

<template>
  <div>
    <LoginRegister />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import LoginRegister from './components/LoginRegister.vue'

export default defineComponent({
  components: {
    LoginRegister
  }
})
</script>

🛠️ Development

Project setup

# Install dependencies
yarn install
# or
npm install

Compiles and hot-reloads for development

yarn serve
# or
npm run serve

Compiles and minifies for production

yarn build
# or
npm run build

Lints and fixes files

yarn lint
# or
npm run lint

Customize configuration

See Vue CLI Configuration Reference.

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues and feature requests are welcome! Feel free to check the issues page.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📧 Contact

KayanoShy - [email protected]

Project Link: https://github.com/KayanoLiam/vue_components