Click Away Directive Fires on First Load

[godismyjudge95]

It seems the following should work but it does not:

<button @click="show = true">
<input v-if="show" v-if-click away="show = false" />

This works:

<button @click="show = true">
<input v-if="show" @blur="show = false" />

The reason why the former doesn't work is because the click away code is evaluated immediately when the element is mounted.
This should not be the case and can be resolved by wrapping the code inside the directive with a closure:

<button @click="show = true">
<input v-if="show" v-if-click away="() => show = false" />

It would be nice if this could be done internally so one doesn't have to remember this hack around the issue.