Use the composable in module scope, as can't define setup on a mixin …

…if the consuming component also defines setup.
learningequality · Dec 13, 2024 · 74dcc1a · 74dcc1a
1 parent f994e5c
commit 74dcc1a
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/kolibri/plugins/device/assets/src/views/taskNotificationMixin.js b/kolibri/plugins/device/assets/src/views/taskNotificationMixin.js
@@ -25,16 +25,14 @@ const TaskSnackbarStrings = createTranslator('TaskSnackbarStrings', {
   },
 });
 
+const { createSnackbar } = useSnackbar();
+
 export default {
   data() {
     return {
       showSnackbarWhenTaskHasFinished: true,
     };
   },
-  setup() {
-    const { createSnackbar } = useSnackbar();
-    return { createSnackbar };
-  },
   computed: {
     watchedTaskId() {
       return this.$store.state.manageContent.watchedTaskId;
@@ -65,16 +63,16 @@ export default {
       this.$router.push({ name: PageNames.MANAGE_TASKS });
     },
     createTaskFailedSnackbar() {
-      this.createSnackbar(TaskSnackbarStrings.$tr('taskFailed'));
+      createSnackbar(TaskSnackbarStrings.$tr('taskFailed'));
     },
     createTaskFinishedSnackbar() {
-      this.createSnackbar({
+      createSnackbar({
         text: TaskSnackbarStrings.$tr('taskFinished'),
         autoDismiss: true,
       });
     },
     createTaskStartedSnackbar() {
-      this.createSnackbar({
+      createSnackbar({
         text: TaskSnackbarStrings.$tr('taskStarted'),
         autoDismiss: true,
       });