browser-runtime-vue 0.0.4 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "browser-runtime-vue",
-  "version": "0.0.4",
+  "version": "0.0.8",
   "type": "module",
   "description": "Vue 3 SFC compiler and reactive renderer adapter for browser-module-runtime.",
   "exports": {
@@ -15,7 +15,7 @@
     "README.md"
   ],
   "peerDependencies": {
-    "browser-module-runtime": "0.0.6",
+    "browser-module-runtime": "0.0.8",
     "vue": "^3.5.0"
   },
   "peerDependenciesMeta": {

package/src/index.js

@@ -1,3 +1,9 @@
+function snapshotProps(next){
+  if(next===null||typeof next!=="object"||Array.isArray(next)||
+    (Object.getPrototypeOf(next)!==Object.prototype&&Object.getPrototypeOf(next)!==null))
+    throw new TypeError('updateProps expects a plain object of next props');
+  return {...next};
+}
 import {normalizeInlineVue} from './inline-source.js';
 export {normalizeInlineVue} from './inline-source.js';
 
@@ -29,7 +35,7 @@ export function vue({compiler,renderer,version='3.5.18',provider='esm.sh',script
           throw new TypeError('Vue renderer requires createApp(), h(), and reactive().');
         // Parent wrapper keeps the component mounted when props change.
         // Spreading state inside render tracks every property and allows additions/removals.
-        const state=vueRuntime.reactive({...props});
+        const state=vueRuntime.reactive(snapshotProps(props));
         const wrapper={name:'BrowserRuntimeVueHost',render(){return vueRuntime.h(component,{...state});}};
         const app=vueRuntime.createApp(wrapper);
         app.mount(target);
@@ -37,9 +43,9 @@ export function vue({compiler,renderer,version='3.5.18',provider='esm.sh',script
         return {
           updateProps(next){
             if(disposed)throw new Error('Vue mount has been disposed');
-            if(!next||typeof next!=='object'||Array.isArray(next))throw new TypeError('Vue props must be a plain object');
-            for(const key of Object.keys(state))if(!Object.hasOwn(next,key))delete state[key];
-            Object.assign(state,next);
+            const incoming=snapshotProps(next);
+            for(const key of Object.keys(state))if(!Object.hasOwn(incoming,key))delete state[key];
+            Object.assign(state,incoming);
           },
           dispose(){if(!disposed){disposed=true;app.unmount();}}
         };