web-component-data.js

/* In a web component */

// Private function to get the data from the "<script>" element
selectData = () => {
  const options = this.slotContainerRef.querySelector('script');
  const optionsJSON = !!options && JSON.parse(options.innerHTML);
  
  if (optionsJSON) {
    return optionsJSON; 
  }
  
  return null;
}

// Also provide a Method to be able to inject the data via JS
@Method async setData(data) {
  this.data = data; 
}