Vetur: 'event' is deprecated vetur6385

[Fanna1119]

As the title says.
How do I deal with this warning? I am uncertain if this is vue side or vetur side.
How does one deal with the event otherwise?

<template>
  <p @mousewheel.passive="check()">test</p>
  {{ count }}
  <p @mousewheel.passive="test()">test</p>
</template>

<script>
import { ref } from "vue";
export default {
  setup() {
    const count = ref(0);

    const check = () => {
      const direction = event.deltaY < 0 ? count.value++ : count.value--;
      console.log(direction);
    };

    const test = () => {
      console.log(event);
    };
    return {
      check,
      count,
      test,
    };
  },
};
</script>

[LinusBorg]

This is not related to Vetur. Typescript is warning you that you should not use it. But it likely still works in all browsers.

https://developer.mozilla.org/en-US/docs/Web/API/Window/event

[yoyo930021]

Same as @LinusBorg
Maybe you need to use native event?

<p @mousewheel.passive="check"></p>

const check = (event: Event) => {
  console.log(event)
}