geometries refactor

src/geometries/BoxGeometry.js

@@ -0,0 +1,31 @@
+import { BoxBufferGeometry } from 'three';
+import Geometry from './Geometry.js';
+
+export default {
+  extends: Geometry,
+  inject: ['parent'],
+  props: {
+    size: {
+      type: Number,
+    },
+    width: {
+      type: Number,
+      default: 1,
+    },
+    height: {
+      type: Number,
+      default: 1,
+    },
+    depth: {
+      type: Number,
+      default: 1,
+    },
+  },
+  mounted() {
+    if (this.size) {
+      this.parent.geometry = new BoxBufferGeometry(this.size, this.size, this.size);
+    } else {
+      this.parent.geometry = new BoxBufferGeometry(this.width, this.height, this.depth);
+    }
+  },
+};

src/geometries/Geometry.js

@@ -0,0 +1,11 @@
+export default {
+  inject: ['parent'],
+  created() {
+    if (!this.parent) {
+      console.error('Missing parent Mesh');
+    }
+  },
+  render() {
+    return [];
+  },
+};

src/geometries/SphereGeometry.js

@@ -0,0 +1,21 @@
+import { SphereBufferGeometry } from 'three';
+import Geometry from './Geometry.js';
+
+export default {
+  extends: Geometry,
+  inject: ['parent'],
+  props: {
+    radius: Number,
+    widthSegments: {
+      type: Number,
+      default: 12,
+    },
+    heightSegments: {
+      type: Number,
+      default: 12,
+    },
+  },
+  mounted() {
+    this.geometry = new SphereBufferGeometry(this.radius, this.widthSegments, this.heightSegments);
+  },
+};

src/geometries/index.js

@@ -1,37 +1,2 @@
-import { BoxBufferGeometry } from 'three';
+export { default as BoxGeometry } from './BoxGeometry.js';
-
+export { default as SphereGeometry } from './SphereGeometry.js';
-export const BoxGeometry = {
-  inject: ['parent'],
-  props: {
-    size: {
-      type: Number,
-    },
-    width: {
-      type: Number,
-      default: 1,
-    },
-    height: {
-      type: Number,
-      default: 1,
-    },
-    depth: {
-      type: Number,
-      default: 1,
-    },
-  },
-  mounted() {
-    if (!this.parent) {
-      console.error('Missing parent Mesh');
-      return;
-    }
-
-    if (this.size) {
-      this.parent.geometry = new BoxBufferGeometry(this.size, this.size, this.size);
-    } else {
-      this.parent.geometry = new BoxBufferGeometry(this.width, this.height, this.depth);
-    }
-  },
-  render() {
-    return [];
-  },
-};