Default.js

import Highway from '@dogstudio/highway'

export default class extends Highway.Renderer {
  onEnter() {
    this.el = this.wrap.lastElementChild
  }

  onLeave() {
  }

  onEnterCompleted() {
    document.readyState === 'complete'
      ? this.initOnComplete()
      : listener(window, 'a', 'load', () => this.initOnComplete())
  }

  onLeaveCompleted() {

  }

  initOnComplete() {
    // Scripts
  }
}

H.js

import Highway from '@dogstudio/highway'

import * as R from './renderers'
import * as T from './transitions'

export default new class extends Highway.Core {

  constructor() {
    super({
      renderers: {
        home: R.Home,
        about: R.About,
        default: R.Default
      },
      transitions: {
        default: T.Default
      }      
    })
  }
}

Home.js

import Default from './Default'

export default class extends Default {
  onEnter() {
    super.onEnter()
  }
  
  onLeave() { 
    super.onLeave()
  }

  onEnterCompleted() {
    super.onEnterCompleted()
  }

  onLeaveCompleted() {
    super.onLeaveCompleted()
  }
  
  initOnComplete() {
    super.initOnComplete()
    // home specific scripts
  }
}