trois/src/meshes/Mesh.js

import { Mesh } from 'three';
import { setFromProp } from '../tools.js';

export default {
  inject: ['three', 'scene'],
  props: {
    material: String,
    position: Object,
    rotation: Object,
    scale: Object,
    castShadow: {
      type: Boolean,
      default: false,
    },
    receiveShadow: {
      type: Boolean,
      default: false,
    },
  },
  mounted() {
    if (this.geometry) this.initMesh();
  },
  unmounted() {
    if (this.geometry) this.geometry.dispose();
  },
  methods: {
    initMesh() {
      this.mesh = new Mesh(this.geometry, this.three.materials[this.material]);
      setFromProp(this.mesh.position, this.position);
      setFromProp(this.mesh.rotation, this.rotation);
      setFromProp(this.mesh.scale, this.scale);
      this.mesh.castShadow = this.castShadow;
      this.mesh.receiveShadow = this.receiveShadow;
      this.scene.add(this.mesh);
    },
  },
  render() {
    return [];
  },
};