src/components/common/SendEmailDialog.vue

@@ -40,7 +40,7 @@ async function confirm() {
 }
 </script>
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <span class="text-h6 text-grey">{{ t('Send email notification') }}</span>

src/components/common/VnSmsDialog.vue

@@ -83,7 +83,7 @@ async function send() {
 </script>
 
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <span class="text-h6 text-grey">

src/components/ui/VnConfirm.vue

@@ -51,7 +51,7 @@ async function confirm() {
 }
 </script>
 <template>
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard class="q-pa-sm">
             <QCardSection class="row items-center q-pb-none">
                 <QAvatar

src/components/ui/VnNotes.vue

@@ -24,6 +24,7 @@ async function insert() {
     Object.assign(body, { text: newNote.value });
     await axios.post($props.url, body);
     vnPaginateRef.value.fetch();
+    newNote.value = '';
 }
 </script>
 <template>
@@ -71,7 +72,7 @@ async function insert() {
                 @click="noteModal = true"
             />
         </QPageSticky>
-        <QDialog v-model="noteModal" persistent>
+        <QDialog v-model="noteModal" @hide="newNote = ''">
             <QCard>
                 <QCardSection>
                     <QItem class="q-px-none">
@@ -86,7 +87,7 @@ async function insert() {
                     <QInput
                         autofocus
                         type="textarea"
-                        :hint="t('Add note here...')"
+                        :label="t('Add note here...')"
                         filled
                         size="lg"
                         autogrow

src/pages/Claim/Card/ClaimLinesImport.vue

@@ -103,7 +103,7 @@ function cancel() {
         @on-fetch="(data) => (claimableSales = data)"
         auto-load
     />
-    <QDialog ref="dialogRef" persistent>
+    <QDialog ref="dialogRef">
         <QCard>
             <QCardSection class="row items-center">
                 <span class="text-h6 text-grey">{{ t('Available sales lines') }}</span>