gameobject module dev

src/components/AppHeader.vue

@@ -7,29 +7,37 @@
                 <v-btn icon="mdi-plus" variant="text" v-bind="props"></v-btn>
             </template>
             <v-list>
-                <v-list-item to="/game-objects/">Нов игрови обект</v-list-item>
+                <v-list-item to="/game-objects/add">Нов игрови обект</v-list-item>
                 <v-list-item>Нов сценарий</v-list-item>
                 <v-list-item>Нова игра</v-list-item>
             </v-list>
         </v-menu>
     </v-app-bar>
 
-    <v-navigation-drawer :location="$vuetify.display.mobile ? 'bottom' : undefined" expand-on-hover rail>
+    <v-navigation-drawer class="bg-secondary" ocation="$vuetify.display.mobile ? 'bottom' : undefined" expand-on-hover rail>
         <v-list>
             <v-list-item prepend-avatar="/logo.webp" subtitle="Admin Console" title="ProNature"></v-list-item>
         </v-list>
         <v-divider></v-divider>
         <v-list nav>
-            <v-list-item prepend-icon="mdi-database" to="/game-objects" title="Game Objects"></v-list-item>
-            <v-list-item prepend-icon="mdi-receipt-text-edit-outline" title="Game Scenarios"></v-list-item>
-            <v-list-item prepend-icon="mdi-cogs" title="Game Rules"></v-list-item>
-            <v-list-item prepend-icon="mdi-controller" title="Games"></v-list-item>
+            <v-list-item prepend-icon="mdi-database" to="/game-objects/list" :title="$l.gameObjects"></v-list-item>
+            <v-list-item prepend-icon="mdi-receipt-text-edit-outline" :title="$l.gameScenarios"></v-list-item>
+            <v-list-item prepend-icon="mdi-cogs" :title="$l.gameRules"></v-list-item>
+            <v-divider></v-divider>
+            <v-list-item prepend-icon="mdi-controller" :title="$l.games"></v-list-item>
+        </v-list>
+        <v-divider></v-divider>
+        <v-list nav>
+            <v-list-item @click="toggleTheme" prepend-icon="mdi-theme-light-dark" :title="$l.darkMode"></v-list-item>
         </v-list>
     </v-navigation-drawer>
 </template>
 
 <script setup>
-import { ref } from 'vue'
-const drawer = ref(false);
+import { useTheme } from 'vuetify'
+const theme = useTheme()
 
+function toggleTheme () {
+  theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
+}
 </script>