implemented device name

src/components/haex/menu/notifications.vue

@@ -6,7 +6,7 @@
       <button
         id="dropdown-scrollable"
         type="button"
-        class="dropdown-toggle btn btn-text btn-circle dropdown-open:bg-base-content/10 size-10"
+        class="dropdown-toggle btn btn-text btn-circle dropdown-open:bg-base-content/10"
         aria-haspopup="menu"
         aria-expanded="false"
         aria-label="Dropdown"

src/components/ui/dialog/confirm.vue

@@ -20,13 +20,15 @@
           class="btn-error btn-outline w-full sm:w-auto"
           @click="onAbort"
         >
-          <Icon name="mdi:close" /> {{ abortLabel ?? t('abort') }}
+          <Icon :name="abortIcon || 'mdi:close'" />
+          {{ abortLabel ?? t('abort') }}
         </UiButton>
         <UiButton
           class="btn-primary w-full sm:w-auto"
           @click="onConfirm"
         >
-          <Icon name="mdi:check" /> {{ confirmLabel ?? t('confirm') }}
+          <Icon :name="confirmIcon || 'mdi:check'" />
+          {{ confirmLabel ?? t('confirm') }}
         </UiButton>
       </slot>
     </template>
@@ -34,7 +36,13 @@
 </template>
 
 <script setup lang="ts">
-defineProps<{ confirmLabel?: string; abortLabel?: string; title?: string }>()
+defineProps<{
+  confirmLabel?: string
+  abortLabel?: string
+  title?: string
+  abortIcon?: string
+  confirmIcon?: string
+}>()
 
 const open = defineModel<boolean>('open', { default: false })
 

src/components/ui/dialog/index.vue

@@ -25,7 +25,7 @@
         class="overlay-animation-target overlay-open:duration-300 overlay-open:opacity-100 transition-all ease-out modal-dialog"
       >
         <div class="modal-content justify-between">
-          <div class="modal-header">
+          <div class="modal-header py-0 sm:py-4">
             <div
               v-if="title || $slots.title"
               class="modal-title py-4 break-all"
@@ -49,7 +49,7 @@
             </button>
           </div>
 
-          <div class="modal-body text-sm sm:text-base grow">
+          <div class="modal-body text-sm sm:text-base grow mt-0 pt-0">
             <slot />
           </div>
 

src/components/ui/input/index.vue

@@ -73,13 +73,13 @@
 <script setup lang="ts">
 import type { ZodSchema } from 'zod'
 
+const input = defineModel<string | number | undefined | null>({
+  required: true,
+})
+
 const inputRef = useTemplateRef('inputRef')
 defineExpose({ inputRef })
 
-defineOptions({
-  inheritAttrs: false,
-})
-
 const props = defineProps({
   placeholder: {
     type: String,
@@ -131,11 +131,6 @@ const props = defineProps({
   read_only: Boolean,
 })
 
-const input = defineModel<string | number | undefined | null>({
-  default: '',
-  required: true,
-})
-
 onMounted(() => {
   if (props.autofocus && inputRef.value) inputRef.value.focus()
 })

src/components/ui/test.vue

@@ -0,0 +1,7 @@
+<template>
+  <input v-model="value" />
+</template>
+
+<script setup lang="ts">
+const value = defineModel()
+</script>

src/components/vault/button/open.vue

@@ -28,12 +28,12 @@
     </template>
 
     <UiInputPassword
-      v-model="database.password"
       :check-input="check"
       :rules="vaultDatabaseSchema.password"
+      @keyup.enter="onOpenDatabase"
       autofocus
       prepend-icon="mdi:key-outline"
-      @keyup.enter="onOpenDatabase"
+      v-model="database.password"
     />
   </UiDialogConfirm>
 </template>