Awesome

<img src="https://i.imgur.com/ngMRSPs.png" alt="Logo" /> <a href="https://www.npmjs.com/package/@leonardssh/use-lanyard"> <img src="https://img.shields.io/npm/v/@leonardssh/use-lanyard.svg?maxAge=3600&color=crimson&logo=npm" alt="NPM version" /> </a> <a href="https://www.npmjs.com/package/@leonardssh/use-lanyard"> <img src="https://img.shields.io/npm/dt/@leonardssh/use-lanyard.svg?maxAge=3600&logo=npm" alt="NPM downloads" /> </a> <h3 align="center">Vue Use Lanyard</h3> Use Lanyard API easily in your Vue app! <a href="https://github.com/LeonardSSH/use-lanyard/issues">Report Bug</a> · <a href="https://github.com/LeonardSSH/use-lanyard/issues">Request Feature</a> · <a href="https://github.com/Phineas/lanyard">What Is Lanyard</a>

Remember to 🌟 this Github if you 💖 it.

📦 Installation

Using yarn: yarn add @leonardssh/use-lanyard
Using npm: npm i @leonardssh/use-lanyard
Using pnpm: pnpm add @leonardssh/use-lanyard

🤓 Usage

✨ This plugin supports both REST and WebSocket methods.

Using without websocket:

import { useLanyard } from '@leonardssh/use-lanyard';

const { success, data, error } = await useLanyard({
	userId: 'USER_ID'
});

Using with websocket:

import { useLanyard, LanyardData } from '@leonardssh/use-lanyard';

await useLanyard({
	userId: 'USER_ID',
	socket: true,
	onPresenceUpdate(presence: LanyardData) {
		...
	}
});

🎉 Thanks

Phineas - Creator of Lanyard API
barbarbar338 - Creator of react-use-lanyard
eggsy - Creator of vue-lanyard

👨‍💻 Contributing

To contribute to this repository, feel free to create a new fork of the repository and submit a pull request.

Fork / Clone and select the main branch.
Create a new branch in your fork.
Make your changes.
Commit your changes, and push them.
Submit a Pull Request here!

📋 License

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