Maskieren von Sonderzeichen in Rohdaten zur Sicherheit in Vue

import { ref } from 'vue';
 
export default {
  setup() {
    const safeMessage = ref('');
 
    function sanitizeText(untrustedString) {
      const map = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
      return untrustedString.replace(/[&<>"']/g, char => map[char]);
    }
 
    function handleUserInput(input) {
      safeMessage.value = sanitizeText(input);
    }
 
    return { safeMessage, handleUserInput };
  }
};