\n\n```\n\n```js\nexport default {\n computed: {\n myUnsafeHTML() {\n return ' I am safe!';\n }\n }\n}\n```\n\nRenders to:\n\n```html\n
I am safe!
\n```\n\n### Options\n\n#### allowedTags\n\nArray of strings. Default: `['a', 'b', 'br', 'strong', 'i', 'em', 'mark', 'small', 'del', 'ins', 'sub', 'sup']`.\n\nCustomize the tags that are allowed to be rendered, either by providing new ones:\n\n```js\nVue.use(VueSafeHTML, {\n allowedTags: ['marquee', 'blockquote'],\n});\n```\n\nOr extending the default ones:\n\n```js\nimport VueSafeHTML, { allowedTags } from 'vue-safe-html';\n\nVue.use(VueSafeHTML, {\n allowedTags: [...allowedTags, 'marquee', 'blockquote'],\n});\n```\n\nIf no tags are passed, all tags are stripped:\n\n```js\nimport VueSafeHTML from 'vue-safe-html';\n\nVue.use(VueSafeHTML, {\n allowedTags: [],\n});\n```\n\nIt is also possible to provide custom allowed tags directly to the directive tag, using directive modifiers. This allows local override of the option:\n\n```html\n
\n \n \n\n```\n\n#### allowedAttributes\n\nArray of strings. Default: []\n\nCustomize the tag attributes that are allowed to be rendered:\n\n```js\nVue.use(VueSafeHTML, {\n allowedTags: ['a'],\n allowedAttributes: ['title', 'class', 'href'],\n});\n\n### Nuxt\n\n`vue-safe-html` is written as a Vue plugin so you can easily use it inside Nuxt by following [the Nuxt documentation](https://nuxtjs.org/docs/2.x/directory-structure/plugins#vue-plugins).\n\n## License\n\n[Do No Harm](./LICENSE)\n","readmeFilename":"README.md","keywords":["vue","directive","safe","html","sanitize","strip"]}