Merge pull request #11414 from ShivangRawat30/11329

Replaced KResponsiveWindow to useKResponsiveWindow
learningequality · Oct 19, 2023 · c1b39b7 · c1b39b7
2 parents 8450b14 + e4c4285
commit c1b39b7
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue b/kolibri/plugins/perseus_viewer/assets/src/views/PerseusRendererIndex.vue
@@ -90,7 +90,7 @@
   import JSZip from 'jszip';
   import client from 'kolibri.client';
   import urls from 'kolibri.urls';
-  import responsiveWindowMixin from 'kolibri.coreVue.mixins.responsiveWindowMixin';
+  import useKResponsiveWindow from 'kolibri-design-system/lib/useKResponsiveWindow';
   import scriptLoader from 'kolibri-common/utils/scriptLoader';
   import perseus from '../../dist/perseus';
   import icu from '../KAGlobals/icu';
@@ -125,7 +125,12 @@
 
   export default {
     name: 'PerseusRendererIndex',
-    mixins: [responsiveWindowMixin],
+    setup() {
+      const { windowBreakpoint } = useKResponsiveWindow();
+      return {
+        windowBreakpoint,
+      };
+    },
     data: () => ({
       // Is the perseus item renderer loading?
       loading: true,