<!--
  - Licensed to the Apache Software Foundation (ASF) under one or more
  - contributor license agreements.  See the NOTICE file distributed with
  - this work for additional information regarding copyright ownership.
  - The ASF licenses this file to You under the Apache License, Version 2.0
  - (the "License"); you may not use this file except in compliance with
  - the License.  You may obtain a copy of the License at
  -
  -     http://www.apache.org/licenses/LICENSE-2.0
  -
  - Unless required by applicable law or agreed to in writing, software
  - distributed under the License is distributed on an "AS IS" BASIS,
  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  - See the License for the specific language governing permissions and
  - limitations under the License.
  -->
<template>
  <v-app :dark="dark">
    <drawer></drawer>
    <toolbar></toolbar>
    <v-content>
      <router-view/>
    </v-content>
    <footers></footers>
  </v-app>
</template>

<script>
  import Drawer from '@/components/public/Drawer'
  import Toolbar from '@/components/public/Toolbar'
  import Footers from '@/components/public/Footers'
  export default {
    name: 'Index',
    components: {
      Drawer,
      Toolbar,
      Footers
    },
    data () {
      return {
        dark: false
      }
    },
    created () {
      window.getApp = this
      window.getApp.$on('APP_LOGOUT', () => {
        console.log('logout')
        window.getApp.$axios.delete('/user/logout')
          .then(response => {
            if (response.status === 200 && response.data) {
              localStorage.removeItem('token')
              localStorage.removeItem('username')
              window.getApp.$router.replace('/login')
            }
          })
      })
    }
  }
</script>

<style scoped>
</style>