old_contents: import { each, merge } from '../helpers/util'
  
  export default {
    name: 'VkDocsLayoutPage',
    functional: true,
    render (h, { children, props, parent, data }) {
      return (
        <div>
          <nav class="uk-navbar">
            <a class="uk-navbar-toggle uk-visible-small"
              on-click={e => { parent.$root.showOffcanvas = true }}>
            </a>
          </nav>
          <vk-offcanvas
            show={ parent.$root.showOffcanvas }
            on-clickOut={e => { parent.$root.showOffcanvas = false }}>
            <ul class="uk-nav tm-nav uk-nav-offcanvas">
              { h(Menu) }
            </ul>
          </vk-offcanvas>
          <div class="uk-block">
            <div class="uk-container uk-container-center">
              <div class="uk-grid" data-uk-grid-margin>
                <div class="tm-sidebar uk-width-medium-1-4 uk-hidden-small">
                  <ul class="uk-nav tm-nav">
                    { h(Menu) }
                  </ul>
                </div>
                <div class="uk-width-medium-3-4">
                  <article class="uk-article">
                    { children }
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      )
    }
  }
  
  const Menu = {
    functional: true,
    render (h, { props, parent }) {
      const items = []
      each(parent.$root._router.options.routes, (route, path) => items.push(
        h(MenuItem, merge({
          props: {
            route
          }
        }))
      ))
      return items
    }
  }
  
  const MenuItem = {
    functional: true,
    props: ['route'],
    render (h, { props, parent }) {
      return (
        <router-link tag="li" to={ props.route.path } exact>
          <a>{ props.route.name }</a>
        </router-link>
      )
    }
  }
  
new_contents: import { each, merge } from '../helpers/util'
  
  export default {
    name: 'VkDocsLayoutPage',
    functional: true,
    render (h, { children, props, parent, data }) {
      return (
        <div>
          <nav class="uk-navbar">
            <a class="uk-navbar-toggle uk-visible-small"
              on-click={e => { parent.$root.showOffcanvas = true }}>
            </a>
          </nav>
          <vk-offcanvas
            show={ parent.$root.showOffcanvas }
            on-clickOut={e => { parent.$root.showOffcanvas = false }}>
            <ul class="uk-nav tm-nav uk-nav-offcanvas">
              { h(Menu) }
            </ul>
          </vk-offcanvas>
          <div class="uk-block">
            <div class="uk-container uk-container-center">
              <div class="uk-grid" data-uk-grid-margin>
                <div class="tm-sidebar uk-width-medium-1-4 uk-hidden-small">
                  <ul class="uk-nav tm-nav">
                    { h(Menu) }
                  </ul>
                </div>
                <div class="uk-width-medium-3-4">
                  <article class="uk-article">
                    { children }
                  </article>
                </div>
              </div>
            </div>
          </div>
        </div>
      )
    }
  }
  
  const Menu = {
    functional: true,
    render (h, { props, parent }) {
      const items = []
      each(parent.$root._router.options.routes, route => {
        if (route.path !== '*') {
          items.push(
            h(MenuItem, merge({
              props: {
                route
              }
            }))
          )
        }
      })
      return items
    }
  }
  
  const MenuItem = {
    functional: true,
    props: ['route'],
    render (h, { props, parent }) {
      return (
        <router-link tag="li" to={ props.route.path } exact>
          <a>{ props.route.name }</a>
        </router-link>
      )
    }
  }
  
subject: remove demo 404 page from menu