<template>
          <v-card>
            <v-toolbar dense dark color="primary">
              <v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer>
              <v-toolbar-items><v-divider vertical/>

                <v-btn
                    @click="$emit('close')"
                    dark
                    text
              >{{$t("close")}}
                <v-icon>close</v-icon>
              </v-btn>
            </v-toolbar-items>
            </v-toolbar>
              <v-card-text>
                <v-list subheader>
                  <v-subheader>Hjelp og informasjon</v-subheader>
                <v-btn text to="/om">Om ordbøkene<v-icon>chevron_right</v-icon></v-btn>
                </v-list>
                <LocaleMenu/>
                <Settings/>

            </v-card-text>
             <v-card-actions><v-spacer/>
                      <v-btn rounded depressed @click='$store.commit("resetStore")'>Tilbakestill</v-btn>
                      <v-btn rounded depressed @click="$emit('close')">{{$t("close")}}</v-btn> 
             </v-card-actions>
            

          </v-card>
</template>

<script>
import Settings from './Settings.vue'
import LocaleMenu from './LocaleMenu.vue'

export default {
    name: "Menu",
    components: {
      Settings,
      LocaleMenu
    }
}
</script>