getModel doesn't work with a proxy object

[jonkri]

I noticed that at least getModel (haven't tried any other methods) hanged the browser when used with a proxy object like so:

<template>
  <MonacoEditor @load="onLoad" />
</template>

<script lang="ts" setup>
  const monaco = useMonaco()!;

  const models = ref<any>([]);

  function onLoad() {
    const model = ref(monaco.editor.createModel("<p>Hello World!</p>", "html"));

    console.log("❌", model.value.getValue()); // Crash!
  }
</script>

However, unwrapping the proxy object with toRaw worked:

console.log("✅", toRaw(model.value).getValue()); // No crash!

I figured I'd put this here in case it helps someone. 😊