add name (wip)

src/core/Group.js

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

src/core/OrthographicCamera.js

@@ -3,6 +3,7 @@ import { watch } from 'vue';
 import { bindProp } from '../tools.js';
 
 export default {
+  name: 'OrthographicCamera',
   inject: ['three'],
   props: {
     left: { type: Number, default: -1 },
@@ -30,5 +31,4 @@ export default {
   render() {
     return [];
   },
-  __hmrId: 'OrthographicCamera',
 };

src/core/PerspectiveCamera.js

@@ -1,8 +1,9 @@
-import { PerspectiveCamera, Vector3 } from 'three';
+import { PerspectiveCamera } from 'three';
 import { watch } from 'vue';
 import { bindProp } from '../tools.js';
 
 export default {
+  name: 'PerspectiveCamera',
   inject: ['three'],
   props: {
     aspect: { type: Number, default: 1 },
@@ -28,8 +29,5 @@ export default {
 
     this.three.camera = this.camera;
   },
-  render() {
-    return [];
-  },
-  __hmrId: 'PerspectiveCamera',
+  render() { return []; },
 };

src/core/Renderer.js

@@ -2,6 +2,7 @@ import { h } from 'vue';
 import useThree from './useThree';
 
 export default {
+  name: 'Renderer',
   props: {
     antialias: Boolean,
     alpha: Boolean,

src/core/Scene.js

@@ -2,6 +2,7 @@ import { Scene, Color } from 'three';
 import { watch } from 'vue';
 
 export default {
+  name: 'Scene',
   inject: ['three'],
   props: {
     id: String,

src/meshes/Mesh.js

@@ -4,6 +4,7 @@ import Object3D from '../core/Object3D.js';
 
 export default {
   extends: Object3D,
+  name: 'Mesh',
   props: {
     castShadow: Boolean,
     receiveShadow: Boolean,
@@ -64,5 +65,4 @@ export default {
     if (this.geometry) this.geometry.dispose();
     if (this.material) this.material.dispose();
   },
-  __hmrId: 'Mesh',
 };