Получите значения от редактора Monaco Editor

Я использую редактор Microsoft / Monaco в своем веб-приложении (Vue 3 и API композиции). Я пытаюсь получить значение из Монако, используя следующий код:

<script>
import { ref, onMounted } from "vue";
import * as monaco from "monaco-editor";

export default {
  props: {
    context: {
      type: [String, Number],
      default: "Let's write some code",
    },
  },

  setup(props) {
    const monacoWrapper = ref(null);

    onMounted(() => {
      monaco.editor.defineTheme("lightBlue", {
        base: "vs-dark",
        inherit: true,
        rules: [{ background: "#1D252C" }],
        colors: {
          "editor.background": "#1D252C",
        },
      });

      monaco.editor.setTheme("lightBlue");

      monaco.editor.create(monacoWrapper.value, {
        value: props.context,
        automaticLayout: true,
        language: "javascript",
        minimap: {
          enabled: false,
        },
      });
    });

    const getValuesFromMonaco = () => {
      var text = monacoWrapper.value.getValue();
      console.log(text);
    };

    return {
      monacoWrapper,
      getValuesFromMonaco,
    };
  },
};
</script>

Как видите, Monaco инициировал использование установленного крючка, а затем я запускаю функцию getValuesFromMonaco, нажимая кнопку, которая всегда вызывает следующую ошибку:

Я также пробовал применять упомянутые здесь решения, но безуспешно: Получите ценность редактора Monaco Editor

Спасибо!