diff --git a/.gitignore b/.gitignore
index 20248c6..1cc0bce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,5 +9,6 @@
 
 /node_modules/
 /js/
+/css/
 
 /build/
diff --git a/package.json b/package.json
index 9d02676..a7d7142 100644
--- a/package.json
+++ b/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"
   ],
diff --git a/src/components/Atoms/SafeHtml.vue b/src/components/Atoms/SafeHtml.vue
index 83c0c08..5913218 100644
--- a/src/components/Atoms/SafeHtml.vue
+++ b/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',