ubbcou

Vue: Pass Slots through from Parent to Child Components

We've got some components A, B and C which provide different slots.

const A = {
  template: `<div><slot name="a">Default A Content</slot></div>`
}

const B = {

	/*
	No jQuery necessary.
	Thanks to Dan's StackOverflow answer for this:
	http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
	*/

	function isElementInViewport(el) {
	var rect = el.getBoundingClientRect();
	return (
	rect.top >= 0 &&