wip

src/core/Group.js

@@ -2,10 +2,11 @@ import { Group } from 'three';
 import Object3D from './Object3D.js';
 
 export default {
-  extends: Object3D,
   name: 'Group',
+  extends: Object3D,
   created() {
     this.group = new Group();
     this.initObject3D(this.group);
   },
+  __hmrId: 'Group',
 };

src/core/Object3D.js

@@ -2,6 +2,7 @@ import { watch } from 'vue';
 import { bindProp } from '../tools.js';
 
 export default {
+  name: 'Object3D',
   inject: ['three', 'scene', 'rendererComponent'],
   props: {
     position: { type: Object, default: { x: 0, y: 0, z: 0 } },

src/core/OrthographicCamera.js

@@ -28,7 +28,6 @@ export default {
 
     this.three.camera = this.camera;
   },
-  render() {
+  render() { return []; },
-    return [];
+  __hmrId: 'OrthographicCamera',
-  },
 };

src/core/PerspectiveCamera.js

@@ -30,4 +30,5 @@ export default {
     this.three.camera = this.camera;
   },
   render() { return []; },
+  __hmrId: 'PerspectiveCamera',
 };

src/core/Renderer.js

@@ -82,4 +82,5 @@ export default {
   render() {
     return h('canvas', {}, this.$slots.default());
   },
+  __hmrId: 'Renderer',
 };

src/core/Scene.js

@@ -31,4 +31,5 @@ export default {
   render() {
     return this.$slots.default ? this.$slots.default() : [];
   },
+  __hmrId: 'Scene',
 };