restructured vault settings

src/pages/vault.vue

@@ -3,6 +3,13 @@
     <NuxtLayout name="app">
       <NuxtPage />
     </NuxtLayout>
+
+    <UiDialog v-model:open="showInstanceDialog">
+      <div>
+        Das scheint das erste Mal zu sein, dass du auf diesem Gerät diese Vault
+        öffnest. Bitte gib diesem Gerät einen Namen
+      </div>
+    </UiDialog>
   </div>
 </template>
 
@@ -10,4 +17,21 @@
 definePageMeta({
   middleware: 'database',
 })
+
+const showInstanceDialog = ref(false)
+
+const { readNotificationsAsync } = useNotificationStore()
+const { isFirstTimeAsync } = useVaultInstanceStore()
+const { loadExtensionsAsync } = useExtensionsStore()
+
+onMounted(async () => {
+  await loadExtensionsAsync()
+  await readNotificationsAsync()
+
+  if (await isFirstTimeAsync()) {
+    showInstanceDialog.value = true
+  }
+})
+
+onMounted(() => {})
 </script>

src/pages/vault/[vaultId]/index.vue

@@ -1,10 +1,12 @@
 <template>
-  <div class="h-full text-base-content flex bg-base-200 p-4">
-    <HaexExtensionCard
-      v-for="extension in extensionStore.availableExtensions"
-      v-bind="extension"
-      :key="extension.id"
-    />
+  <div>
+    <div class="h-full text-base-content flex bg-base-200 p-4">
+      <HaexExtensionCard
+        v-for="extension in extensionStore.availableExtensions"
+        v-bind="extension"
+        :key="extension.id"
+      />
+    </div>
   </div>
 </template>
 
@@ -14,10 +16,4 @@ definePageMeta({
 })
 
 const extensionStore = useExtensionsStore()
-const { readNotificationsAsync } = useNotificationStore()
-
-onMounted(async () => {
-  await extensionStore.loadExtensionsAsync()
-  await readNotificationsAsync()
-})
 </script>

src/pages/vault/[vaultId]/settings.vue

@@ -51,7 +51,7 @@ definePageMeta({
 const { t, setLocale } = useI18n()
 
 const { currentVault, currentVaultName } = storeToRefs(useVaultStore())
-const { updateVaultNameAsync } = useVaultStore()
+const { updateVaultNameAsync } = useVaultSettingsStore()
 
 const onSelectLocaleAsync = async (locale: Locale) => {
   await currentVault.value?.drizzle