Vue 3 Sanitize Input Plugin

* This is a Vue 3 directive for sanitizing input fields using DOMPurify.


Installing

$3

Using npm:

``bash
npm i v-sanitize-directive
`

Then, import and register the component:




Global Registration

In your main.js or main.ts file, globally register the plugin:


main.js
`
import { sanitizePlugin } from "v-sanitize-directive";
app.use(sanitizePlugin);
`

Local Registration

* Composition API

`

`

* Options API
`

`




Usage


* Example 1: Options API - In your component.
`


`

* Example 2: Composition API - In your component.
`



`

* Example 3: Global Registration with Composition API.After globally registering the plugin, in your component.
`



`

* Example 4: Global Registration with Options API.After globally registering the plugin, in your component.

`



``

Demo

* https://sanitize-input.netlify.app/

License