How to get selected text from getSelection()

[astarrh]

I don't see an obvious way to get the selected text from the documentation on @selectionChange:

@selectionChange
Arguments: { range: RangeStatic, oldRange: RangeStatic, source: Sources }

Triggered when the selections changes

Furthermore, accessing the editor directly from a ref reports that editor.getSelection() is not a function (although .getHTML() works just fine).

Are we meant to just use the range values to build the selection from getHTML() or is there a way to do this that I am missing?

[astarrh]

Here's an example solution for anyone that needs it:

<script setup>
    import { QuillEditor } from '@vueup/vue-quill'
    import {ref} from 'vue'

    const quill = ref("")
    const data = ref("")
    const selectedText = ref("")

    const setSelection = (data) => {
        const text = quill.value.getText()
        const range = data.range
        selectedText.value = text.substring(range.index, range.index + range.length)
    }
    
</script>

<template>
    <QuillEditor       
          ref="quill"
          v-model:content="data"
          ...
          @selectionChange="setSelection"
     </QuillEditor>
</template>