@click on f7-button not being bound

[jsjames]

I'm converting a project from vue2 to vue3 and am using v6.3.17 framework7-vue. I cannot get the @click event to be bound to an f7-button. I am using the options API format.

                <f7-button
                  @click="onButtonClick"
                  v-if="!logddgedIn"
                  icon-f7="lock_shield_fill"
                  icon-size="43"
                  :tooltip="$t('sidebar.unlockAdmin')"
                />

I have confirmed that onButtonClick is a method - in fact if I bind to a native element, it works fine:

<a class="button" @click="onButtonClick">Admin</a>

In researching, I did notice that from framework7-vue v5 --> v6, it looks like the @click event is no longer emitted from an f7-button and suspect this was done expecting the native @click to be inherited automatically? I don't know since the f7-app has inheritAttrs=false, if that has any effect?

I still get the following warnings - so don't know if this would be related:

[Vue warn]: (deprecation INSTANCE_ATTRS_CLASS_STYLE) Component <f7-app> has inheritAttrs: false but is relying on class/style fallthrough from parent.

Any suggestions?