Cannot get wails-drop-target-active to show in Vue

[emm1R]

I am trying the new drag and drop feature in Wails and I am having trouble with the class wails-drop-target-active. I am able to drag files to an element that has style --wails-drop-target: drop;, but the element does not get class wails-drop-target-active added to it at any point.

What I tried out:

1. wails init -n myproject -t vue-ts
2. Added DragAndDrop: &options.DragAndDrop{EnableFileDrop: true, DisableWebViewDrop: false} to main.go
3. Added these to Helloworld.vue

import {OnFileDrop} from '../../wailsjs/runtime/runtime'

OnFileDrop((x: number, y: number, paths: string[]) => {
  console.log("Dropped files: ", paths);
  data.resultText = paths[0];
}, true);

.input-box {
  --wails-drop-target: drop;
}

.wails-drop-target-active {
  background-color: rgb(0, 0, 255) !important;
}

Is this a bug or am I doing something wrong?