fix serach

src/components/haex/pass/mobile/menu/index.vue

@@ -43,7 +43,7 @@
   </div>
   <div
     v-else
-    class="flex justify-center items-center px-20 flex-1 bg-red-100"
+    class="flex justify-center items-center px-20 flex-1"
   >
     <UiIconNoData class="text-primary size-24 shrink-0" />
     <!-- <p>{{ t('empty') }}</p> -->

src/components/ui/input/index.vue

@@ -25,7 +25,7 @@
             class="ps-2"
             ref="inputRef"
             v-model="input"
-            @keyup="(e) => $emit('keyup', e)"
+            @keyup="(e:KeyboardEvent) => $emit('keyup', e)"
           />
           <label
             :for="id"
@@ -42,10 +42,15 @@
         />
       </div>
 
-      <slot
+      <UiButton
-        name="append"
+        v-if="withClearButton"
-        class="h-auto"
+        class="btn-outline btn-square"
-      />
+        @click="input = ''"
+      >
+        <Icon name="mdi:close" />
+      </UiButton>
+
+      <slot name="append" />
 
       <UiButton
         v-if="withCopyButton"
@@ -133,6 +138,7 @@ const props = defineProps({
   rules: Object as PropType<ZodSchema>,
   checkInput: Boolean,
   withCopyButton: Boolean,
+  withClearButton: Boolean,
   autofocus: Boolean,
   read_only: Boolean,
 })
@@ -170,6 +176,12 @@ const checkInput = () => {
 const { copy, copied } = useClipboard()
 
 const { t } = useI18n()
+
+onKeyStroke('a', (event) => {
+  if (event.ctrlKey) {
+    event.stopImmediatePropagation()
+  }
+})
 </script>
 
 <i18n lang="yaml">

src/i18n/i18n.config.ts

@@ -6,10 +6,10 @@ export default defineI18nConfig(() => {
     legacy: false,
     messages: {
       de: {
-        passwordActionMenu: passwordActionMenuDe,
+        //passwordActionMenu: passwordActionMenuDe,
       },
       en: {
-        passwordActionMenu: passwordActionMenuEn,
+        //passwordActionMenu: passwordActionMenuEn,
       },
     },
   }

src/layouts/app.vue

@@ -42,16 +42,9 @@
           <UiInput
             v-model="search"
             :label="t('search.label')"
-            class=""
+            with-clear-button
+            prepend-icon="mdi:magnify"
           >
-            <template #append>
-              <UiButton class="btn-square btn-primary">
-                <Icon
-                  name="mdi:magnify"
-                  class="size-full p-1"
-                />
-              </UiButton>
-            </template>
           </UiInput>
         </div>
         <HaexMenuNotifications />

src/pages/vault/[vaultId]/passwords/[[groupId]]/edit.vue

@@ -51,9 +51,7 @@ definePageMeta({
 
 const { t } = useI18n()
 
-const { currentGroup, inTrashGroup, currentGroupId } = storeToRefs(
+const { inTrashGroup, currentGroupId } = storeToRefs(usePasswordGroupStore())
-  usePasswordGroupStore(),
-)
 
 const group = ref<SelectHaexPasswordsGroups>({
   color: null,
@@ -99,7 +97,7 @@ watch(
   { immediate: true },
 ) */
 
-const read_only = ref(true)
+const read_only = ref(false)
 
 const hasChanges = computed(
   () => JSON.stringify(group.value) !== original.value,

src/stores/passwords/actionMenu/index.ts

@@ -18,7 +18,10 @@ export const usePasswordsActionMenuStore = defineStore(
         icon: 'mdi:folder-plus-outline',
         to: {
           name: 'passwordGroupCreate',
-          params: { groupId: usePasswordGroupStore().currentGroupId },
+          params: {
+            ...useRouter().currentRoute.value.params,
+            groupId: usePasswordGroupStore().currentGroupId,
+          },
           query: {
             ...useRouter().currentRoute.value.query,
           },
@@ -29,7 +32,10 @@ export const usePasswordsActionMenuStore = defineStore(
         icon: 'mdi:key-plus',
         to: {
           name: 'passwordItemCreate',
-          params: { groupId: usePasswordGroupStore().currentGroupId },
+          params: {
+            ...useRouter().currentRoute.value.params,
+            groupId: usePasswordGroupStore().currentGroupId,
+          },
           query: {
             ...useRouter().currentRoute.value.query,
           },