Update KResponsiveElementMixin to useKResponsiveElement - a v5 breaki…

…ng change
learningequality · Oct 11, 2024 · 554a11f · 554a11f
1 parent aaecc38
commit 554a11f
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/kolibri/core/assets/src/views/SlotTruncator.vue b/kolibri/core/assets/src/views/SlotTruncator.vue
@@ -35,12 +35,19 @@
 <script>
 
   import debounce from 'lodash/debounce';
-  import responsiveElementMixin from 'kolibri-design-system/lib/KResponsiveElementMixin';
+  import useKResponsiveElement from 'kolibri-design-system/lib/composables/useKResponsiveElement';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
 
   export default {
     name: 'SlotTruncator',
-    mixins: [commonCoreStrings, responsiveElementMixin],
+    mixins: [commonCoreStrings],
+    setup() {
+      const { elementWidth, elementHeight } = useKResponsiveElement();
+      return {
+        elementWidth,
+        elementHeight,
+      };
+    },
     props: {
       maxHeight: {
         type: Number,