Firs Commit

components/layout/full/Main.vue

@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { ref, shallowRef } from 'vue';
+import sidebarItems from '@/components/layout/full/vertical-sidebar/sidebarItem';
+import { Menu2Icon } from 'vue-tabler-icons';
+
+const sidebarMenu = shallowRef(sidebarItems);
+const sDrawer = ref(true);
+</script>
+
+<template>
+    <!------Sidebar-------->
+    <v-navigation-drawer left elevation="0"  app class="leftSidebar"  v-model="sDrawer">
+        <!---Logo part -->
+        <div class="pa-5">
+            <LayoutFullLogo />
+        </div>
+        <!-- ---------------------------------------------- -->
+        <!---Navigation -->
+        <!-- ---------------------------------------------- -->
+        <div>
+        <perfect-scrollbar class="scrollnavbar">
+            <v-list class="pa-6 pt-0">
+                <!---Menu Loop -->
+                <template v-for="(item, i) in sidebarMenu">
+                    <!---Item Sub Header -->
+                    <LayoutFullVerticalSidebarNavGroup :item="item" v-if="item.header" :key="item.title" />
+
+                    <!---Single Item-->
+                    <LayoutFullVerticalSidebarNavItem :item="item" v-else class="leftPadding" />
+                    <!---End Single Item-->
+                </template>
+            </v-list>
+            <!--div class="pa-4">
+                <LayoutFullVerticalSidebarUpgradeBox/>
+            </div-->
+        </perfect-scrollbar>
+    </div>
+
+    </v-navigation-drawer>
+    <!------Header-------->
+    <v-app-bar elevation="0" height="70">
+        <div class="d-flex align-center justify-space-between w-100">
+            <div>
+                <v-btn class="hidden-lg-and-up ms-md-3 ms-sm-5 ms-3 text-muted" @click="sDrawer = !sDrawer" icon variant="flat"
+                    size="small">
+                    <Menu2Icon size="20" stroke-width="1.5" />
+                </v-btn>
+                <!-- Notification -->
+                <LayoutFullVerticalHeaderNotificationDD/>
+            </div>
+            <div>
+                <!-- Upgrade button -->
+                <!--v-btn class="mr-2 bg-primary" href="https://adminmart.com/templates/nuxtjs/" target="_blank">Download Free</v-btn-->
+                <!-- User Profile -->
+                <LayoutFullVerticalHeaderProfileDD />
+            </div>
+        </div>
+    </v-app-bar>
+</template>