open-index/open-npm huggingface dataset:
npm package: @nativescript-community/ui-vue-unlock-slider
Description: A NativeScript-Vue component for 'Slide-to-unlock'
Author: André Sharghi
Latest version: 1.0.0

# A NativeScript-Vue component for "Slide to unlock"

Slide to unlock in iOS style with animations made with NativeScript-Vue. Works on iOS and Android.

[![npm](https://img.shields.io/npm/v/@nativescript-community/ui-vue-unlock-slider.svg)](https://www.npmjs.com/package/@nativescript-community/ui-vue-unlock-slider)

<img src="https://raw.githubusercontent.com/nativescript-community/ui-vue-slide-to-unlock/master/demo.gif" width="300">

## Installation

```
ns plugin add @nativescript-community/ui-vue-unlock-slider
```

## Usage
```diff
// app.js
import Vue from 'nativescript-vue'
...
+ import UnlockSlider from '@nativescript-community/ui-vue-unlock-slider'
+ Vue.use(UnlockSlider)
```

```xml
<UnlockSlider ref="unlockSlider" @change="sliderChange" />
```

```js
export default {
  data() {
    return {
      slidePercent: 0
    }
  },
  methods: {
    sliderChange(percent) {
      this.slidePercent = percent;
    },
    reset() {
      this.$refs.unlockSlider.reset();
    }
  }
}
```

## Properties
| Name                     | Type   | Default value   |
| ------------------------ | ------ | --------------- |
| height                   | Number | 70              |
| radius                   | Number | 70              |
| containerBackgroundColor | String | lightgray       |
| buttonText               | String | →               |
| buttonTextSize           | Number | 20              |
| buttonTextColor          | String | black           |
| buttonTextFontWeight     | String | normal          |
| buttonBackgroundColor    | String | white           |
| infoText                 | String | Slide to unlock |
| infoTextSize             | Number | 16              |
| infoTextColor            | String | black           |

## Events
| Name   | Type   | Value   |
| -------| ------ | ------- |
| change | Number | 0.00-1.00 |
npm package: @nativescript-community/vue
Description: Alternative version of Vue 3 for NativeScript
Author: Yukino Song
Latest version: 0.0.8

# NativeScript Vue (Community ver.)

### **Quirks and hacks for Vue 3 to work with [DOMiNATIVE](https://github.com/SudoMaker/DOMiNATIVE) on [NativeScript](https://nativescript.org/)**

[Playground](https://stackblitz.com/edit/nativescript-dominative-vue-3?file=app/App.vue)

---

## Why?

This is an alternative version of Vue3 implementation for NativeScript. It might not be as feature rich as the official [NativeScript-Vue](https://nativescript-vue.org/), but if you'd like to catch up with upstream Vue development, this is still a good choice.

Be aware we got this Vue implementation working within an hour, instead of years.

## Installation

Via npm:

```shell
npm install @nativescript-community/vue @nativescript/core dominative undom-ng vue
```

**Note:** `@nativescript/core`, `dominative`, `undom-ng`, `vue` are peer dependencies, you have to install them manually. As the benefit for using peer dependencies, you'll be able to upgrade these dependencies directly from upstream, no need to wait for an update with `@nativescript-community/vue`.

---

## Usage

```js
import { Application } from '@nativescript/core'
import { createApp } from '@nativescript-community/vue'
import App from 'App.vue'

const app = createApp(App)

// Start the app
app.$run()

```

---

## License

MIT