add desktop

src/pages/index.vue

@@ -100,7 +100,11 @@ const { syncLastVaultsAsync, removeVaultAsync } = useLastVaultStore()
 const { lastVaults } = storeToRefs(useLastVaultStore())
 
 onMounted(async () => {
-  await syncLastVaultsAsync()
+  try {
+    await syncLastVaultsAsync()
+  } catch (error) {
+    console.error('ERROR: ', error)
+  }
 })
 
 const onSelectLocale = async (locale: Locale) => {

src/pages/vault.vue

@@ -1,10 +1,5 @@
 <template>
-  <div
-    :ui="{
-      root: ['h-full w-full bg-elevated lg:flex'],
-      center: ['h-full w-full'],
-    }"
-  >
+  <div class="w-full h-full overflow-y-auto">
     <NuxtLayout name="app">
       <NuxtPage />
     </NuxtLayout>
@@ -57,14 +52,18 @@ const { setDeviceIdIfNotExistsAsync, addDeviceNameAsync } = useDeviceStore()
 const { deviceId } = storeToRefs(useDeviceStore())
 
 onMounted(async () => {
-  await setDeviceIdIfNotExistsAsync()
-  await loadExtensionsAsync()
-  await readNotificationsAsync()
+  try {
+    await setDeviceIdIfNotExistsAsync()
+    await loadExtensionsAsync()
+    await readNotificationsAsync()
 
-  if (!(await isKnownDeviceAsync())) {
-    console.log('not known device')
-    newDeviceName.value = hostname.value ?? 'unknown'
-    showNewDeviceDialog.value = true
+    if (!(await isKnownDeviceAsync())) {
+      console.log('not known device')
+      newDeviceName.value = hostname.value ?? 'unknown'
+      showNewDeviceDialog.value = true
+    }
+  } catch (error) {
+    console.error('vault mount error:', error)
   }
 })
 

src/pages/vault/[vaultId]/extensions/[extensionId].vue

@@ -206,7 +206,7 @@ import {
 } from '~/config/constants'
 
 definePageMeta({
-  name: 'haexExtension',
+  name: 'extension',
 })
 
 const { t } = useI18n()

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

@@ -104,7 +104,7 @@
     <HaexExtensionDialogInstall
       v-model:open="showConfirmation"
       :preview="preview"
-      @confirm="addExtensionAsync"
+      @confirm="(addToDesktop) => addExtensionAsync(addToDesktop)"
     />
 
     <HaexExtensionDialogRemove
@@ -130,6 +130,7 @@ definePageMeta({
 
 const { t } = useI18n()
 const extensionStore = useExtensionsStore()
+const desktopStore = useDesktopStore()
 
 const showConfirmation = ref(false)
 const openOverwriteDialog = ref(false)
@@ -388,18 +389,23 @@ const onSelectExtensionAsync = async () => {
   }
 }
 
-const addExtensionAsync = async () => {
+const addExtensionAsync = async (addToDesktop: boolean = false) => {
   try {
     console.log(
       'preview.value?.editable_permissions',
       preview.value?.editable_permissions,
     )
-    await extensionStore.installAsync(
+    const extensionId = await extensionStore.installAsync(
       extension.path,
       preview.value?.editable_permissions,
     )
     await extensionStore.loadExtensionsAsync()
 
+    // Add to desktop if requested
+    if (addToDesktop && extensionId) {
+      await desktopStore.addDesktopItemAsync('extension', extensionId, 50, 50)
+    }
+
     add({
       color: 'success',
       title: t('extension.success.title', {

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

@@ -1,11 +1,6 @@
 <template>
-  <div class="w-full">
-    <div class="h-screen bg-amber-300 flex-1 flex-wrap">
-      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-    </div>
-    <div class="h-screen bg-teal-300 flex-1">
-      abbbbbbbbbbbbbbbbbbbbb availableThemes:{{ uiStore.availableThemes }}
-    </div>
+  <div class="w-full h-full flex items-center justify-center">
+    <HaexDesktop />
   </div>
 </template>
 
@@ -13,6 +8,4 @@
 definePageMeta({
   name: 'vaultOverview',
 })
-
-const uiStore = useUiStore()
 </script>