# vue-apple-login-directive

> A simple log in with Apple directive for vue

Latest version **1.1.7** (published 2023-01-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-apple-login-directive
pnpm add vue-apple-login-directive
yarn add vue-apple-login-directive
bun add vue-apple-login-directive
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.7 |
| Published | 2023-01-13 |
| First published | 2023-01-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 47 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jhuril Bandola |
| Maintainers | jhuril45 |
| Keywords | github, vue, apple, login, token |

## Links

- npm: https://www.npmjs.com/package/vue-apple-login-directive
- Repository: https://github.com/jhuril45/vue-apple-login-directive
- Issues: https://github.com/jhuril45/vue-apple-login-directive/issues
- npm.io page: https://npm.io/package/vue-apple-login-directive

## Alternatives

- [cli-color](https://npm.io/package/cli-color.md) — 3.4M weekly downloads
- [log](https://npm.io/package/log.md) — 1.3M weekly downloads
- [logstash-client](https://npm.io/package/logstash-client.md) — 4.5K weekly downloads
- [@nocobase/plugin-logger](https://npm.io/package/@nocobase/plugin-logger.md) — 2.0K weekly downloads
- [child-process-debug](https://npm.io/package/child-process-debug.md) — 695 weekly downloads

## Recent versions

- 1.1.7 (latest) — 2023-01-13
- 1.1.6 — 2023-01-13
- 1.1.5 — 2023-01-10
- 1.1.4 — 2023-01-10
- 1.1.3 — 2023-01-06
- 1.1.2 — 2023-01-05
- 1.1.1 — 2023-01-01
- 1.1.0 — 2023-01-01
- 1.0.1 — 2023-01-01

## README

# v-apple-login
A simple Vue directive to include Apple Login Button behavior in any component.

## Install

```bash
$ npm install --save vue-apple-login-directive
```

```bash
$ yarn add vue-apple-login-directive
```

## Vue2

```js
import Vue from 'vue'
import vAppleLogin from 'vue-apple-login-directive'

Vue.use(vAppleLogin)
```


## Vue 3

```js
import vAppleLogin from 'vue-apple-login-directive'
import { ref } from "vue";

<script setup>
  const appleSettings = ref({
    clientId: "apple_client_id",
    scope: "name email",
    redirectURI: "https://dev.well-scape.com/login",
    state: "origin:web",
    OnSuccess: appleCallBackSuccess,
    Onfail: appleCallBackError,
  });

  function appleCallBackSuccess(data) {
    console.log('appleCallBackSuccess', data);
  }

  function appleCallBackError(error) {
    console.log('appleCallBackError', error);
  }
</script>

<template>
  <div v-apple-login="appleSettings"></div>
</template>
```


> Looking for the [Google counterpart](https://github.com/jhuril45/vue-google-login-directive)?

## License

MIT © [Jhuril Bandola](https://github.com/jhuril45)

---
_Source: https://npm.io/package/vue-apple-login-directive · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._