fix(runtime-utils): suppress errors setting unneeded properties

resolves #744

Author: danielroe

examples/app-vitest-full/components/ComponentWithReservedState.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const nuxtApp = useNuxtApp()
+</script>
+
+<template>
+  <span>{{ nuxtApp.isHydrating }}</span>
+</template>

examples/app-vitest-full/tests/nuxt/mount-suspended.spec.ts

@@ -15,6 +15,7 @@ import ExportDefaultWithRenderComponent from '~/components/ExportDefaultWithRend
 import ExportDefaultReturnsRenderComponent from '~/components/ExportDefaultReturnsRenderComponent.vue'
 import OptionsApiPage from '~/pages/other/options-api.vue'
 import ComponentWithReservedProp from '~/components/ComponentWithReservedProp.vue'
+import ComponentWithReservedState from '~/components/ComponentWithReservedState.vue'
 
 import { BoundAttrs } from '#components'
 import DirectiveComponent from '~/components/DirectiveComponent.vue'
@@ -139,6 +140,12 @@ describe('mountSuspended', () => {
     expect(span.text()).toBe('500')
   })
 
+  it('can handle reserved words in setup state', async () => {
+    const comp = await mountSuspended(ComponentWithReservedState)
+    const span = comp.find('span')
+    expect(span.text()).toBe('false')
+  })
+
   describe('Options API', () => {
     beforeEach(() => {
       vi.spyOn(console, 'error').mockImplementation((message) => {

src/runtime-utils/mount.ts

@@ -127,7 +127,17 @@ export async function mountSuspended<T>(
                               }
                             }
                             for (const key in setupState || {}) {
-                              renderContext[key] = isReadonly(setupState[key]) ? unref(setupState[key]) : setupState[key]
+                              const warn = console.warn
+                              console.warn = () => {}
+                              try {
+                                renderContext[key] = isReadonly(setupState[key]) ? unref(setupState[key]) : setupState[key]
+                              }
+                              catch {
+                                // ignore errors setting properties that are not exposed to template
+                              }
+                              finally {
+                                console.warn = warn
+                              }
                               if (key === 'props') {
                                 renderContext[key] = cloneProps(renderContext[key] as Record<string, unknown>)
                               }

src/runtime-utils/render.ts

@@ -144,7 +144,17 @@ export async function renderSuspended<T>(component: T, options?: RenderOptions<T
                               }
                             }
                             for (const key in setupState || {}) {
-                              renderContext[key] = isReadonly(setupState[key]) ? unref(setupState[key]) : setupState[key]
+                              const warn = console.warn
+                              console.warn = () => {}
+                              try {
+                                renderContext[key] = isReadonly(setupState[key]) ? unref(setupState[key]) : setupState[key]
+                              }
+                              catch {
+                                // ignore errors setting properties that are not exposed to template
+                              }
+                              finally {
+                                console.warn = warn
+                              }
                               if (key === 'props') {
                                 renderContext[key] = cloneProps(renderContext[key] as Record<string, unknown>)
                               }