Provide SubscriptionRequiredDialog globally via provide/inject

2025-04-28 15:18:47 +02:00
parent be16f93ba0
commit 47477808e4
3 changed files with 14 additions and 10 deletions
@@ -1,13 +1,12 @@
 <script setup>

-import { onMounted, ref, useTemplateRef } from 'vue';
+import { onMounted, ref, useTemplateRef, inject } from 'vue';
 import { marked } from 'marked';
 import { eachLimit } from 'async';
 import { Button, Popover, Icon } from 'pankow';
 import NotificationsModel from '../models/NotificationsModel.js';

 const props = defineProps(['config', 'profile', 'subscription']);
-const emits = defineEmits(['subscriptionRequired']);

 const notificationModel = NotificationsModel.create();
 const notificationButton = useTemplateRef('notificationButton');
@@ -53,8 +52,10 @@ async function refresh() {
  notifications.value = result;
 }

+const subscriptionRequiredDialog = inject('subscriptionRequiredDialog');
+
 function onSubscriptionRequired() {
-  emits('subscriptionRequired');
+  subscriptionRequiredDialog.value.open();
 }

 onMounted(async () => {