initial

src/components/AppHeader.vue

@@ -0,0 +1,35 @@
+<template>
+    <v-app-bar color="primary" prominent>
+        <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
+        <v-app-bar-title>ProNature Administrative Console</v-app-bar-title>
+        <v-menu>
+            <template v-slot:activator="{ props }">
+                <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>Нов сценарий</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-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>
+    </v-navigation-drawer>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const drawer = ref(false);
+
+</script>