.disable modifier not applying to some components

[Dylancyclone]

First of all thank you for making this package, it has been a great help in organizing permissions.

I am using version 2.0.2

I've noticed that using the .disable modifier on a permission directive causes some components to not become disabled when that permission is not held. The component will still disappear with without the .disable modifier, as expected.

The expected behavior is that the the "disable" prop should be applied to the component when the given permission is not met and the .disable modifier is present.

The actual behavior is that not all components receive this prop, even though it is a valid prop that can be applied to the component.

A workaround I have found is to explicitly set "disable" or "disabled" prop using the helper function "$acl.role()", though looking at the code, that should be what the directive is doing anyways

vue-simple-acl/src/VueSimpleAcl.ts

Lines 345 to 346 in 016178c

	if (disableModifier) {
	el.disabled = true;

Is there something I am doing wrong?

Reproduction Link: https://codesandbox.io/s/modest-matsumoto-6ions3?file=/src/pages/Index.vue:2304-2345