vue owl-carousel2 Как инициализировать на определенном расширении

Я новичок во вью. Имеется слайдер. На десктопе статичная верстка, при расширении 1024 переключаться должно на слайдер.

export default {
 components: { carousel },

 props: {
  images: {
  type: Array,
  default: () => []
 }
},
data() {
 return {
  windowWidth: window.innerWidth,
  txt: ''
 };
},

watch: {
  windowWidth(newWidth, oldWidth) {
  this.txt = `it changed to ${newWidth} from ${oldWidth}`;
  }
},

mounted() {
this.$nextTick(() => {
  window.addEventListener('resize', this.onResize);
});
},

beforeDestroy() { 
 window.removeEventListener('resize', this.onResize); 
},


methods: {
onResize() {
  this.windowWidth = window.innerWidth;
 }
}
};

Данным кодом проверяю ширину экрана, но не могу разобраться. Как инициализировать на определенном расширении, потом дестрой вызывать