TypeError: editor.getAttributes is not a function

[appsol]

I have installed TipTap in a Vue3 app using the script setup syntax of the Composition API. I need to be able to add and remove links so have added the Links extension. Here is my component:

<script setup>
import { watch } from "vue";
import { useEditor, EditorContent } from "@tiptap/vue-3";
import StarterKit from "@tiptap/starter-kit";
import Link from "@tiptap/extension-link";
import InputError from "@/Components/Form/InputError.vue";
import InputLabel from "@/Components/Form/InputLabel.vue";

const props = defineProps({
    id: String,
    label: String,
    modelValue: {
        type: String,
        default: "",
    },
    error: {
        type: String,
        default: "",
    },
});

const emit = defineEmits(["update:modelValue", "clear"]);

const editor = useEditor({
    extensions: [
        StarterKit,
        Link.configure({
            openOnClick: false,
        }),
    ],
    content: props.ModelValue,
    onUpdate: ({ editor }) => {
        emit("update:modelValue", editor.getHTML());
    },
});

watch(
    () => props.ModelValue,
    (newValue) => {
        if (editor.getHTML() === newValue) {
            return;
        }

        editor.commands.setContent(newValue, false);
    }
);

const setLink = () => {
    const previousUrl = editor.getAttributes("link").href;
    const url = window.prompt("URL", previousUrl);

    // cancelled
    if (url === null) {
        return;
    }

    // empty
    if (url === "") {
        editor.chain().focus().extendMarkRange("link").unsetLink().run();

        return;
    }

    // update link
    editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
};
</script>

When I highlight text and click the Link button which calls setLink I get the error:
TypeError: editor.getAttributes is not a function

Am I missing an extension that I should have installed?
Thanks

[chastoedov]

For vue3 setupIn all cases, you need to replace this.editor with editor.value

{
    const previousUrl = editor.value.getAttributes('link').href;
    const url = window.prompt('URL', previousUrl);

    // cancelled
    if (url === null)
    {
        return;
    }

    // empty
    if (url === '')
    {
        editor.value.chain().focus().extendMarkRange('link').unsetLink().run()
        return;
    }

    // update link
    editor.value.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
}