@nexusuvc/vue v1.1.0

NexusUVC/Vue

Wrapper around @nexusuvc/frontend for Vue.

• ✨  Release Notes
• 📖  Documentation

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

1. Add @nexusuvc/vue dependency to your project

# Using pnpm
pnpm add -D @nexusuvc/vue

# Using npm
npm install --save-dev @nexusuvc/vue

2. Add @nexusuvc/vue to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ['@nexusuvc/vue'],
});

3. 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.