nuxtjs The order does not take effect

[1030907690]

code

<template>
  <div>
    <div>
      <div class="big-box" v-dragscroll>
        <img src="http://127.0.0.1:5173/sandbox/assets/image.jpg" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
import { dragscroll } from "vue-dragscroll";
export default {
  auth: false,
  name: "IndexPage",
  directives: {
    'dragscroll': dragscroll
  },
};
</script>
<style lang="scss" scoped>
.big-box {
  margin-top: 500px;
  width: 300px;
  height: 300px;
  overflow: scroll;
}
</style>

[1030907690]

For vue 2 please use the version 3.0 of this package

[1030907690]

I version problem.