gancio/layouts/default.vue

<template>
  <v-app>
    <Snackbar/>
    <Confirm/>
    <Nav/>
    <v-main>
        <!-- <div v-if='showCollections || showBack'>
          <v-btn class='ml-2 mt-2' v-if='showBack' outlined color='primary' to='/'><v-icon v-text='mdiChevronLeft'></v-icon></v-btn>
          <v-btn class='ml-2 mt-2' outlined v-for='collection in collections' color='primary' :key='collection.id' :to='`/collection/${collection.name}`'>{{collection.name}}</v-btn>
        </div> -->
        <!-- <v-fade-transition hide-on-leave> -->
          <nuxt />
        <!-- </v-fade-transition> -->
    </v-main>
    <Footer/>

  </v-app>


</template>
<script>
import Nav from '~/components/Nav.vue'
import Snackbar from '../components/Snackbar'
import Footer from '../components/Footer'
import Confirm from '../components/Confirm'
import { mapState } from 'vuex'
import { mdiChevronLeft } from '@mdi/js'

export default {
  head () {
    return {
      htmlAttrs: {
        lang: this.locale
      },
      link: [{ rel: 'icon', type: 'image/png', href: this.settings.baseurl + '/logo.png' }],
    }
  },
  // async fetch () {
  //   if (this.$route.name && ['tag-tag', 'index', 'g-collection', 'p-place'].includes(this.$route.name)) {
  //     this.collections = await this.$axios.$get('collections').catch(_e => [])
  //   } else {
  //     this.collections = []
  //   }
  // },  
  name: 'Default',
  components: { Nav, Snackbar, Footer, Confirm },
  computed: {
    ...mapState(['settings']),
    // showBack () {
    //   return ['tag-tag', 'collection-collection', 'place-place', 'search', 'announcement-id'].includes(this.$route.name)
    // },
    // showCollections () {
    //   if (!this.collections || this.collections.length === 0) return false
    //   return ['tag-tag', 'index', 'g-collection', 'p-place'].includes(this.$route.name)
    // }
  },
  created () {
    this.$vuetify.theme.dark = this.settings['theme.is_dark']
  }
}
</script>