diff --git a/app/javascript/entrypoints/ui.js b/app/javascript/entrypoints/ui.js index acfacade2..a1d75fef3 100644 --- a/app/javascript/entrypoints/ui.js +++ b/app/javascript/entrypoints/ui.js @@ -6,6 +6,9 @@ import 'floating-vue/dist/style.css'; // Import Tailwind styles - we'll use these in the shadow DOM import tailwindStyles from '../dashboard/assets/scss/_woot.scss?inline'; +import VueDOMPurifyHTML from 'vue-dompurify-html'; +import { domPurifyConfig } from 'shared/helpers/HTMLSanitizer.js'; + import store from 'dashboard/store'; import constants from 'dashboard/constants/globals'; import axios from 'axios'; @@ -29,6 +32,7 @@ const ceOptions = { configureApp(app) { app.use(store); app.use(i18n); + app.use(VueDOMPurifyHTML, domPurifyConfig); // I18n has to be injected inside that can be picked // up by the compononent, the API stays the same, just use `useI18n` // https://vue-i18n.intlify.dev/guide/advanced/wc