Version 2.3.0

dist/dompurify-html.d.ts

@@ -1,4 +1,5 @@
 import { DirectiveOptions } from 'vue';
+import { HookEvent, HookName, SanitizeAttributeHookEvent, SanitizeElementHookEvent } from 'dompurify';
 export interface MinimalDOMPurifyConfig {
     ADD_ATTR?: string[];
     ADD_DATA_URI_TAGS?: string[];
@@ -20,5 +21,11 @@ export interface MinimalDOMPurifyConfig {
 export interface DirectiveConfig {
     default?: MinimalDOMPurifyConfig;
     namedConfigurations?: Record<string, MinimalDOMPurifyConfig>;
+    hooks?: {
+        uponSanitizeElement?: (currentNode: Element, data: SanitizeElementHookEvent, config: MinimalDOMPurifyConfig) => void;
+        uponSanitizeAttribute?: (currentNode: Element, data: SanitizeAttributeHookEvent, config: MinimalDOMPurifyConfig) => void;
+    } & {
+        [H in HookName]?: (currentNode: Element, data: HookEvent, config: MinimalDOMPurifyConfig) => void;
+    };
 }
 export declare function buildDirective(config?: DirectiveConfig): DirectiveOptions;

dist/dompurify-html.js

@@ -2,8 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildDirective = void 0;
 var dompurify_1 = require("dompurify");
+function setUpHooks(config) {
+    var hooks = config.hooks;
+    var hookName;
+    for (hookName in hooks) {
+        dompurify_1.addHook(hookName, hooks[hookName]);
+    }
+}
 function buildDirective(config) {
     if (config === void 0) { config = {}; }
+    setUpHooks(config);
     var updateComponent = function (el, binding) {
         if (binding.oldValue === binding.value) {
             return;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-dompurify-html",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Safe replacement for the v-html directive",
   "license": "MIT",
   "author": "Thomas Gerbet",