create menu component

src/components/Autocomplete.vue

@@ -51,51 +51,13 @@
           </v-list-item>
         </v-list>
         </v-menu><v-divider vertical/>
-        <v-dialog max-width="800px" v-model="settings_dialog" hide-overlay
+        <v-dialog max-width="800px" v-model="settings_dialog" hide-overlay fullscreen
         :close-on-content-click="false" origin="bottom" >
           <template v-slot:activator="{ on, attrs }">
             <v-btn v-bind="attrs" v-on="on" min-width="0px" class = "search-field-button" plain depressed color = "primary" text><span v-if="$vuetify.breakpoint.mdAndUp"></span><v-icon>more_vert</v-icon></v-btn>
           </template>
-          <v-card>
-            <v-toolbar dark color="primary">
-              <v-toolbar-title>Instillinger</v-toolbar-title><v-spacer></v-spacer>
-              <v-toolbar-items>
-              <v-btn
-                dark
-                text
-                @click="settings_dialog = false"
-              >
-                Tilbakestill
-              </v-btn>
-                            <v-btn
-                dark
-                text
-                @click="settings_dialog = false"
-              >
-                Lukk
-              </v-btn>
-            </v-toolbar-items>
-            </v-toolbar>
-            <v-container><v-row><v-col>
+          <Menu/>
 
-              <v-checkbox
-                v-model="$parent.settings.show_pos_select"
-                label="Vis valg av ordklasse"
-                hide-details
-              ></v-checkbox>
-                            <v-checkbox
-                v-model="$parent.settings.fulltext_search"
-                label="Fritekstsøk"
-                hide-details
-              ></v-checkbox>
-                                          <v-checkbox
-                v-model="$parent.settings.show_radio_buttons"
-                label="Vis radioknapper"
-                hide-details
-              ></v-checkbox>
-             </v-col> </v-row>
-            </v-container>
-          </v-card>
           
         </v-dialog>
       </template>
@@ -117,6 +79,7 @@
 </template>
 
 <script>
+import Menu from './Menu.vue'
 
   export default {
     props: {
@@ -152,6 +115,9 @@
         }
       }
     },
+    components: {
+      Menu
+    },
     methods: {
       get_lang() {
         return this.$parent.lang

src/components/Menu.vue

+<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
+                @click="settings_dialog = false"
+              >
+                Tilbakestill
+              </v-btn>
+                            <v-btn
+                dark
+                text
+                @click="settings_dialog = false"
+              >
+                Lukk
+              </v-btn>
+            </v-toolbar-items>
+            </v-toolbar>
+            <v-container><v-row><v-col>
+
+              <v-checkbox
+                v-model="$parent.$parent.settings.show_pos_select"
+                label="Vis valg av ordklasse"
+                hide-details
+              ></v-checkbox>
+                            <v-checkbox
+                v-model="$parent.$parent.settings.fulltext_search"
+                label="Fritekstsøk"
+                hide-details
+              ></v-checkbox>
+                                          <v-checkbox
+                v-model="$parent.$parent.settings.show_radio_buttons"
+                label="Vis radioknapper"
+                hide-details
+              ></v-checkbox>
+             </v-col> </v-row>
+            </v-container>
+          </v-card>
+</template>
+
+<script>
+
+
+export default {
+    name: "Menu",
+    mounted: function() {
+        console.log(this.$parent.$parent.settings)
+    }
+}
+</script>