kinda smart

vanilla.js

async function V(url, options, template, attachment, location = 'afterbegin', transformer = a => a) {
  const s = transformer(await fetch(url, options).then(r => r.json()));
  template = template.replace(/[^\\]{/g, '${'); // replace any unescaped { with ${
  const h = await (new Function(`return Cook\`${template}\`;`)()); // print a template like `<a href={s.url}>{s.title}</a>`
  if ( ! attachment ) return h; // can nest V functions
  
  const e = attachment instanceof Element ? attachment : document.querySelector(attachment+'');
  e.insertAdjacentHTML(h, location);
  return e;
                          
}

async function Cook(strings, ...vars) {
  vars = await Promise.all(vars);
  let result = '';
  for( const s of strings ) {
    result += s;
    result += vars.shift();
  }
  return result;
}