How to get window.screen.width in computed on every change?

Question

JavaScript

I have a computed property that is responsible for the number of rows for cards. And this property should return the number of rows depending on the width of the window, the problem is that this only works 1 time, when the page is updated, and I need to receive an update of the computed property every time the width changes through devtools, even by 1 px. Help solve the problem))

countRanks() {
      const screenWidth = window.screen.width;
      console.log(screenWidth);
      if (screenWidth >= 992 && screenWidth < 1200) {
        return 3;
      }
      if (screenWidth >= 768 && screenWidth < 992) {
        return 2;
      }
      if (screenWidth > 0 && screenWidth < 768) {
        return 1;
      }
      return 4;
    },
  },

Works only 1 time when updating;
<p>countRanks</p>



If I change the width, the value does not change, although it should return 1

Answer 1

https://qna.habr.com/q/419566