Safely Parsing User Configuration with Try Catch in Vue

import { ref } from 'vue';
 
export default {
  setup() {
    const config = ref(null);
    const errorMessage = ref('');
 
    function parseConfigString(rawJson) {
      try {
        errorMessage.value = '';
        config.value = JSON.parse(rawJson);
      } catch (err) {
        errorMessage.value = 'Invalid JSON configuration: ' + err.message;
      }
    }
 
    return { config, errorMessage, parseConfigString };
  }
};