Bereinigung von unsicherem HTML-Input vor dem v-html-Rendering

import { ref, computed } from 'vue';
 
function sanitizeHtml(dirtyString) {
  const htmlEntities = {
    '&': '&',
    '<': '&lt;',
    '>': '&gt;',
    '"': '&quot;',
    "'": '&#39;'
  };
  return String(dirtyString).replace(/[&<>"']/g, (char) => htmlEntities[char]);
}
 
export function useSafeUserInput(rawInput = '') {
  const userContent = ref(rawInput);
  const safeContent = computed(() => sanitizeHtml(userContent.value));
 
  return { userContent, safeContent };
}