rename component

public/index.html

@@ -36,7 +36,7 @@
       <script id="nametag-template" type="text/html">
         <a-entity
             class="nametag"
-            nametag="follow: .head"
+            nametag-transform="follow: .head"
             text="side:double;align:center;"
             position="0 2.5 0"
             scale="6 6 6"></a-entity>

src/components/billboard.js → src/components/nametag-transform.js

-AFRAME.registerComponent("nametag", {
+AFRAME.registerComponent("nametag-transform", {
   schema: {
     follow: {type: "string"}
   },
   init: function() {
     this.vector = new THREE.Vector3();
+
+    // TODO this traversal kinda feels like a hack. Should probably change networked-aframe to support it properly.
     // traverse up to the networked player rig and find the networked head.
     var head = this._findParent(this.el, '[networked]').parentNode.querySelector(this.data.follow);
     // traverse up to the head's networked parent and get its object3D

src/index.js

@@ -5,7 +5,7 @@ import "./components/axis-dpad";
 import "./components/snap-rotation";
 import "./components/mute-mic";
 import "./components/audio-feedback";
-import "./components/billboard";
+import "./components/nametag-transform";
 
 import { generateName } from "./utils";