The render code compiled using Vue compiler-dom encounters an error in the browser console during runtime

[OpenBST]

Vue version

3.5.26

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-itypu19n?file=index.html

Steps to reproduce

The code simplifies the actual scenario by returning the code string of the "render" method through the "compute()" method in Vue compiler-dom for the template part of a loading component, and finally running it through "vue. global. js". But the browser console prompts:

"[Vue warn]: Property undefined was accessed during render but is not defined on instance. 
at Demo timeout=30 event_id=0 error=false 
at App"

---

What exactly happened here?
(I use Option API)

What is expected?

no warn

What is actually happening?

？

System Info

Any additional comments?

No response

[edison1105]

It should be:

const { code } = VueCompilerDOM.compile(template, {
  mode: 'function',
  hoistStatic: true
});
const render = new Function(code)();
// mark the function as runtime compiled
render._rc = true

or using the runtime compile:

const render = Vue.compile(template)

or

const component = {
  template:`
  <div class="loading">
    <div class="text" v-if="!inError && !error">
      <slot>loading...</slot>
    </div>
    <div class="text" v-if="inError || error">
      <slot name="error">error.</slot>
    </div>
  </div>
`,
  props: {},
  ....
}