<template>
  <q-layout>
    <div slot="header" class="toolbar">
      <button v-link="'/'"><span>Logo</span></button>
      <q-toolbar-title>
        Unified Index Browser
      </q-toolbar-title>
      <q-search v-model="searchModel" class="primary titleSearch"></q-search>
      <button><span>Advanced</span></button>
    </div>

    <router-view class="layout-view" :searchQuery="searchModel"></router-view>

    <div slot="footer" class="toolbar">
      <span>lilBrowser v{{lilBrowserVersion}}, Quasar v{{quasarVersion}}</span>
    </div>
  </q-layout>
</template>

<script>
import Quasar from 'quasar'

export default {
  data () {
    return {
      quasarVersion: Quasar.version,
      lilBrowserVersion: '0.0.1',
      searchModel: ''
    }
  }
}
</script>

<style lang="styl" rel="stylesheet/stylus">
.titleSearch
  width 35%
</style>

<template>
  <q-layout>
    <div slot="header" class="toolbar">
      <button v-link="'/'"><span>Logo</span></button>
      <q-toolbar-title>
        Unified Index Browser
      </q-toolbar-title>
      <q-search v-model="searchModel" class="primary titleSearch"></q-search>
      <!--<button><span>Advanced</span></button>-->
    </div>

    <router-view class="layout-view" :searchQuery="searchModel"></router-view>

    <div slot="footer" class="toolbar">
      <span>lilBrowser v{{lilBrowserVersion}}, Quasar v{{quasarVersion}}</span>
    </div>
  </q-layout>
</template>

<script>
import Quasar from 'quasar'

export default {
  data () {
    return {
      quasarVersion: Quasar.version,
      lilBrowserVersion: '0.0.1',
      searchModel: ''
    }
  }
}
</script>

<style lang="styl" rel="stylesheet/stylus">
.titleSearch
  width 35%
</style>

Remove Advanced button until functional
Remove Advanced button until functional
