settings folder

app/pages/settings/index.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+  definePageMeta({
+    layout: "dashboard"
+  })
+  const settings_submenu = ref([
+    {
+      label: "Profile",
+      icon: "i-lucide-user-round",
+      to: "/settings/profile"
+    },
+    {
+      label: "Security",
+      icon: "i-lucide-lock",
+      to: "/settings/security"
+    },
+    {
+      label: "Aspect",
+      icon: "i-lucide-palette",
+      to: "/settings/ui"
+    }
+  ])
+</script>
+
+<template>
+  <UHeader toggle-side="left" class="justify-center text-center" title="Settings">
+    <template #toggle>
+      <UDashboardSidebarToggle />
+      <!-- <UDashboardSidebarCollapse /> -->
+    </template>
+  </UHeader>
+  <UNavigationMenu :items="settings_submenu" />
+
+
+</template>
+
+<style scoped>
+
+</style>

app/pages/settings/profile.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "dashboard"
+})
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

app/pages/settings/security.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "dashboard"
+})
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>

app/pages/settings/ui.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "dashboard"
+})
+</script>
+
+<template>
+
+</template>
+
+<style scoped>
+
+</style>