Vue3 compatible version no longer exports activate and deactivate methods

[DV8FromTheWorld]

In the Vue2 version (1.x) the following was valid:

<template>
  <FocusTrap ref="focusTrap">
    <!-- Content here -->
  </FocusTrap>
</template>

<script>
export default {
  methods: {
    manuallyDeactivate() {
      this.$refs.focusTrap.deactivate()
    }
  }
} 
</script>

The activate and deactivate methods were exposed on the component. The documentation speaks to their usage as well.

This is no longer possible in the Vue3 (2.x / 3.x) version as the methods are not being exposed on the component.

[posva]

You might need to do this.$refs.focusTrap.proxy.deactivate()

[DV8FromTheWorld]

Gave that a shot but it didn't work.

[posva]

Ah right, we need vuejs/rfcs#210