implementing snapshots

dashboard/pages/settings.vue

@@ -0,0 +1,34 @@
+<script lang="ts" setup>
+
+definePageMeta({ layout: 'dashboard' });
+
+
+const items = [
+    { label: 'General', slot: 'general' },
+    { label: 'Members', slot: 'members' },
+    { label: 'Billing', slot: 'billing' },
+    { label: 'Account', slot: 'account' }
+]
+
+</script>
+
+<template>
+    <div class="px-10 py-8 h-dvh overflow-y-auto">
+        <div class="poppins font-semibold text-[1.3rem]"> Settings </div>
+
+        <UTabs :items="items" class="mt-8">
+            <template #general>
+                TODO
+            </template>
+            <template #members>
+                <SettingsMembers></SettingsMembers>
+            </template>
+            <template #billing>
+                <SettingsBilling></SettingsBilling>
+            </template>
+            <template #account>
+                TODO
+            </template>
+        </UTabs>
+    </div>
+</template>