Skip to content
Snippets Groups Projects
Menu.vue 1.13 KiB
Newer Older
Henrik Askjer's avatar
Henrik Askjer committed
<template>
              <v-card>
            <v-toolbar dark color="primary">
              <v-toolbar-title>Meny</v-toolbar-title><v-spacer></v-spacer>
              <v-toolbar-items>
              <v-btn
                dark
                text
Henrik Askjer's avatar
Henrik Askjer committed
                @click="$emit('close')"
Henrik Askjer's avatar
Henrik Askjer committed
              >
                Tilbakestill
              </v-btn>
                            <v-btn
                dark
                text
Henrik Askjer's avatar
Henrik Askjer committed
                @click="$emit('close')"
Henrik Askjer's avatar
Henrik Askjer committed
              >
                Lukk
              </v-btn>
            </v-toolbar-items>
            </v-toolbar>
            <v-container><v-row><v-col>

              <v-checkbox
Henrik Askjer's avatar
Henrik Askjer committed
                v-model="toggleSearchToolbar"
Henrik Askjer's avatar
Henrik Askjer committed
                label="Vis valg av ordklasse"
                hide-details
              ></v-checkbox>
             </v-col> </v-row>
            </v-container>
          </v-card>
</template>

<script>

export default {
    name: "Menu",
Henrik Askjer's avatar
Henrik Askjer committed
    computed: {
        toggleSearchToolbar: {
Henrik Askjer's avatar
Henrik Askjer committed
            get () { return this.$store.state.showSearchToolbar}, 
            set () { this.$store.commit("toggleSearchToolbar")
Henrik Askjer's avatar
Henrik Askjer committed
            }
        }
Henrik Askjer's avatar
Henrik Askjer committed
    }
}
</script>