NexusUVC/Vue
Wrapper around @nexusuvc/frontend for Vue.
Features
- ⛰ Privacy First: NexusUVC™ prioritises your privacy. With no unnecessary logging and full compliance with global data laws, our focus is solely on whether users navigate the UVC successfully.
- 🚠 Frictionless: NexusUVC™ offers a seamless and rapid solution, halting bots and welcoming genuine users with open arms.
- 👋 Compatible: No user left behind. NexusUVC™ operates seamlessly across all browsers and operating systems, and we're continually improving accessibility on assistive devices.
Quick Setup
- Add
@nexusuvc/vue
dependency to your project
# Using pnpm
pnpm add -D @nexusuvc/vue
# Using npm
npm install --save-dev @nexusuvc/vue
- Add
@nexusuvc/vue
to themodules
section ofnuxt.config.ts
export default defineNuxtConfig({
modules: ['@nexusuvc/vue'],
});
- Use the component
<template>
<NexusUVC
public-key="<your public key>"
@completed="<listener>"
:options="<options>"
/>
</template>
That's it! You can now use NexusUVC in your Nuxt app ✨
How it works
This component simply defines a global NexusUVC
component, which wraps the HTML nexus-uvc
component provided by @nexusuvc/frontend's plain HTML library, which itself is the result of compiling the Svelte library (in the same package) to a plain HTML component.
Tl;dr: We're wrapping the compilation output from the Svelte Frame Host.