improve hmr with __hmrId

src/core/PerspectiveCamera.js

@@ -32,4 +32,5 @@ export default {
   render() {
     return [];
   },
+  __hmrId: 'PerspectiveCamera',
 };

src/lights/AmbientLight.js

@@ -6,4 +6,5 @@ export default {
   created() {
     this.light = new AmbientLight(this.color, this.intensity);
   },
+  __hmrId: 'AmbientLight',
 };

src/lights/DirectionalLight.js

@@ -6,4 +6,5 @@ export default {
   created() {
     this.light = new DirectionalLight(this.color, this.intensity);
   },
+  __hmrId: 'DirectionalLight',
 };

src/lights/Light.js

@@ -33,4 +33,5 @@ export default {
   render() {
     return [];
   },
+  __hmrId: 'Light',
 };

src/lights/PointLight.js

@@ -16,4 +16,5 @@ export default {
   created() {
     this.light = new PointLight(this.color, this.intensity, this.distance, this.decay);
   },
+  __hmrId: 'PointLight',
 };

src/lights/SpotLight.js

@@ -24,4 +24,5 @@ export default {
   created() {
     this.light = new SpotLight(this.color, this.intensity, this.distance, this.angle, this.penumbra, this.decay);
   },
+  __hmrId: 'SpotLight',
 };

src/meshes/Box.js

@@ -27,4 +27,5 @@ export default {
       this.geometry = new BoxBufferGeometry(this.width, this.height, this.depth);
     }
   },
+  __hmrId: 'Box',
 };

src/meshes/Image.js

@@ -22,4 +22,5 @@ export default {
     // this material is not mounted, it won't be auto dispose
     this.material.dispose();
   },
+  __hmrId: 'Image',
 };

src/meshes/InstancedMesh.js

@@ -41,4 +41,5 @@ export default {
   render() {
     return this.$slots.default();
   },
+  __hmrId: 'InstancedMesh',
 };

src/meshes/Mesh.js

@@ -45,4 +45,5 @@ export default {
   render() {
     return [];
   },
+  __hmrId: 'Mesh',
 };

src/meshes/Plane.js

@@ -24,4 +24,5 @@ export default {
   created() {
     this.geometry = new PlaneBufferGeometry(this.width, this.height, this.widthSegments, this.heightSegments);
   },
+  __hmrId: 'Plane',
 };

src/meshes/Sphere.js

@@ -17,4 +17,5 @@ export default {
   created() {
     this.geometry = new SphereBufferGeometry(this.radius, this.widthSegments, this.heightSegments);
   },
+  __hmrId: 'Sphere',
 };

src/use/useBindProp.js

@@ -2,9 +2,11 @@ import { toRef, watch } from 'vue';
 import { setFromProp } from '../tools.js';
 
 export default function useBindProp(comp, prop, object) {
-  const ref = toRef(comp, prop);
-  setFromProp(object, ref.value);
-  watch(ref, () => {
+  if (comp[prop]) {
+    const ref = toRef(comp, prop);
     setFromProp(object, ref.value);
-  }, { deep: true });
+    watch(ref, () => {
+      setFromProp(object, ref.value);
+    }, { deep: true });
+  }
 };