A Nuxt 3 module that integrates DOMPurify for sanitizing HTML content and protecting against XSS attacks, with support for multiple profiles.
npm install @radya/nuxt-dompurifyA Nuxt 3 module that integrates DOMPurify for sanitizing HTML content. This module helps protect your application from XSS attacks by sanitizing any potentially dangerous HTML inputs.
Install the module via Yarn:
``bash`
yarn add -D @radya/nuxt-dompurify
Add the module to your Nuxt config file:
`javascript`
export default defineNuxtConfig({
modules: ['@radya/nuxt-dompurify'],
})
You can use the directive v-sanitize-html to sanitize HTML content in your templates:
`vue
`
This will sanitize the dirtyHtml variable, ensuring it is safe to render in the DOM.
This module also supports profiles to allow different DOMPurify configurations for specific use cases. You can define profiles in your nuxt.config.ts like this:
`ts`
export default defineNuxtConfig({
modules: ['@radya/nuxt-dompurify'],
dompurify: {
profiles: {
profileName: {
ALLOWED_TAGS: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
}
}
},
})
To use a specific profile, you can pass the profile name as an argument to the v-sanitize-html directive:
`vue
`
We welcome contributions to Nuxt DOMPurify. Please follow these steps to get started:
1. Enable Corepack: Ensure Corepack is enabled by running:
`bash`
corepack enable
2. Install Dependencies: Install all necessary dependencies by running:
`bash`
yarn install
3. Generate Type Stubs: Run the following command to generate type stubs:
`bash`
yarn dev:prepare
4. Start Development Mode: Use the following command to start the playground in development mode:
`bash``
yarn dev
This project is licensed under the MIT License. See the LICENSE file for more details.