who even knows

src/components/Test1.vue

@@ -0,0 +1,37 @@
+<template>
+  <div id="gltf"></div>
+</template>
+
+<script>
+import * as THREE from "three";
+import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
+
+export default {
+  name: "test1",
+  mounted() {
+    let camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.25, 20 );
+		camera.position.set( - 1.8, 0.6, 2.7 );
+    let scene = new THREE.Scene();
+    let renderer = new THREE.WebGLRenderer( { antialias: true } );
+    renderer;
+
+    let gltf_model = require("../assets/box.glb");
+    const loader = new GLTFLoader()
+    loader.load(gltf_model, function (gltf) {
+      gltf.scene.traverse(function (child) {
+        console.log(child);
+      });
+      scene.add(gltf.scene);
+    });
+  },
+  data() {
+    return {};
+  },
+  methods: {},
+};
+</script>
+
+
+
+<style>
+</style>

src/components/ThreeScene.vue

@@ -115,7 +115,7 @@ export default {
 
     // load in a model
     const loader = new FBXLoader();
-    const fbx_model = require("../assets/cube.fbx");
+    const fbx_model = require("../assets/cube2.fbx");
 
     loader.load(
       fbx_model,
@@ -180,6 +180,7 @@ export default {
       // select face
       if (this.intersects.length > 0 && this.intersects[0].faceIndex && this.mouseDown) {
         let geometry = new THREE.Geometry().fromBufferGeometry(this.intersects[0].object.geometry);
+        geometry.mergeVertices(2);
         let faceIdx1 = this.intersects[0].faceIndex;
         let faceIdx2 = faceIdx1 % 2 === 0 ? faceIdx1 + 1 : faceIdx1 - 1;
         let face1 = geometry.faces[faceIdx1];

vue.config.js

@@ -5,6 +5,13 @@ module.exports = {
         .test(/\.fbx$/)
         .use('file-loader')
           .loader('file-loader')
-          .end()
+          .end();
+
+      config.module
+        .rule('glb')
+        .test(/\.glb$/)
+        .use('file-loader')
+          .loader('file-loader')
+          .end();
     }
   }