Circuits...

Circuits Fido e Max Qta
Fixed error eslint: 7.0.0 is OK

src/layouts/toolbar/notifPopover/notifPopover.ts

@@ -23,13 +23,18 @@ import { useQuasar } from 'quasar'
 import { costanti } from '@costanti'
 import { waitAndcheckPendingNotif } from '../../../store/Modules/ApiTables'
 
-const namespace = 'notifModule'
-
 export default defineComponent({
   name: 'notifPopover',
   components: { CTitleBanner, CMyFieldRec, CMyFieldDb },
+  emits: ['update:modelValue'],
+  props: {
+    modelValue: {
+      required: true,
+      type: [String, Number, Boolean],
+    }
+  },
 
-  setup(props) {
+  setup(props, { emit }) {
     const $router = useRouter()
     const userStore = useUserStore()
     const notifStore = useNotifStore()
@@ -49,7 +54,6 @@ export default defineComponent({
     const usernotifs = computed(() => userStore.my.profile.notifs)
 
     const userId = ref('')
-    const open = ref(false)
 
     const polling = ref(<any> null)
     const eseguipolling = ref(true)
@@ -59,6 +63,16 @@ export default defineComponent({
       datenotif: new Date()
     })
 
+    const open = computed({
+      get () {
+        return props.modelValue
+      },
+
+      set (value) {
+        return emit('update:modelValue', value)
+      }
+    })
+
     const { getNumNotifUnread, getNumNotif, getUsernameChatByNotif, getImgByNotif, getNotifText, getTypeDirNotif, getTypeIdNotif } = MixinUsers()
 
     // function lasts_notifs (state: IUserState) => IMessage[] {

src/layouts/toolbar/notifPopover/notifPopover.vue

@@ -8,9 +8,11 @@
     </q-btn>
 
 
-
-    <q-drawer v-model="open" side="right" elevated class="text-black" :width="$q.screen.lt.sm ? 370 : 450">
-
+    <q-drawer v-model="open" side="right" elevated class="text-black"
+              :overlay="true"
+              :breakpoint="1200"
+              :width="$q.screen.lt.sm ? 370 : 450"
+              >
       <q-bar class="bg-primary text-white">
         {{ $t('notifs.notifs') }}
         <q-space/>