<template>
  <q-layout view="lHh Lpr lFf">
    <q-layout-header>
      <q-toolbar
        color="primary"
        :glossy="$q.theme === 'mat'"
        :inverted="$q.theme === 'ios'"
      >
        <q-toolbar-title>
          Quasar App 02
          <div slot="subtitle">Running on Quasar v{{ $q.version }}</div>
        </q-toolbar-title>
      </q-toolbar>
    </q-layout-header>

    <router-view />

    <q-layout-footer>
      <q-tabs slot="nagvigation">
        <!-- Tabs - notice slot="title" -->
        <q-route-tab slot="title" icon="fa-home" to="/layout/default" replace label="Home" />
        <q-route-tab slot="title" icon="fa-newspaper" to="/layout/default" replace label="News" />
        <q-route-tab slot="title" icon="fa-info" to="/layout/default" replace label="About" />
      </q-tabs>
    </q-layout-footer>

  </q-layout>
</template>

<script>
import { openURL } from 'quasar'

export default {
  name: 'LayoutDefault',
  data () {
    return {
      leftDrawerOpen: this.$q.platform.is.desktop
    }
  },
  methods: {
    openURL
  }
}
</script>

<style>
</style>