.gitignore

@@ -9,5 +9,6 @@
 
 /node_modules/
 /js/
+/css/
 
 /build/

package.json

@@ -11,6 +11,7 @@
     "stylelint": "stylelint src/**/*.vue src/**/*.scss src/**/*.css",
     "stylelint:fix": "stylelint src/**/*.vue src/**/*.scss src/**/*.css --fix"
   },
+  "type": "module",
   "browserslist": [
     "extends @nextcloud/browserslist-config"
   ],

src/components/Atoms/SafeHtml.vue

@@ -3,15 +3,15 @@
 </template>
 
 <script>
+import dompurify from 'dompurify'
 import linkifyHtml from 'linkify-html'
-import { sanitize } from 'dompurify'
 
 export default {
 	name: 'SafeHtml',
 	directives: {
 		sanitize: {
 			inserted(el, binding) {
-				el.innerHTML = sanitize(
+				el.innerHTML = dompurify.sanitize(
 					linkifyHtml(binding.value, {
 						nl2br: true,
 						target: '_blank',