livereload not reloading on SVG (image) file changes consistently

[thescientist13]

Summary

Although it doesn't seem to be an issue in greenwood's repo (though that one is referenced in an <img> tag), in the new website repo I noticed that editing .svg files was not triggering live reload. A hard reload does work, fwiw

svg-live-reload-not-working.mov

Details

Not sure why? 🤔

Additionally, noticed that the logging line stating the livereload server has started is in the wrong place. It should be a callback to createServer, not watch

// wrong
liveReloadServer.watch(userWorkspace.pathname, () => {
  console.info(`Now watching directory "${userWorkspace}" for changes.`);
  return Promise.resolve(true);
});

// right
const liveReloadServer = livereload.createServer({
  // options
}, () => {
  console.info(`Now watching workspace directory for changes...`);
});