show torus color and rotation

src/modules/torus/src/torus.js

@@ -54,6 +54,8 @@ const Torus = {
         });
 
         Torus.mesh = torus;
+        torus.rotationQuaternion = BABYLON.Quaternion.Identity();
+        self.app.events.emit("ready");
     },
 
 

src/modules/torus/src/torus.vue

@@ -1,32 +1,45 @@
 <template>
-<div v-if="color">Rouge : {{color.r}}</div>
+    <div id="torus">
+        <div v-if="color">Rouge : {{color.r}}</div>
+        <br>
+        <div v-if="rotation" >
+            Rotation :
+                <br>x: {{round3(rotationEuler.x)}}
+                <br>y: {{round3(rotationEuler.y)}}
+                <br>z: {{round3(rotationEuler.z)}}
+        </div>
+    </div>
 </template>
 
 <script>
 import Torus from "./torus";
+import self from "../index";
 
 
 export default {
     name: 'torus-infos',
-    watch: {
-        material(val) {
-            this.color = val.diffuseColor;
-        }
+    mounted(){
+        self.app.events.on("ready",()=>{
+            this.color = Torus.mesh.material.diffuseColor;
+            this.rotation = Torus.mesh.rotationQuaternion;
+        })
     },
     data(){
         return {
-            torus: Torus,
-            color : null
+            color : null,
+            rotation : null
         }
     },
     computed:{
-        material(){
-            return Torus.mesh? Torus.mesh.material: null;
+        rotationEuler(){
+            return this.rotation ? this.rotation.toEulerAngles() : null;
         }
     },
     components: {},
     methods: {
-
+        round3(num){
+            return Math.round(num*1000)/1000;
+        }
     }
 }
 </script>

src/modules/vuejs/src/templates/app.vue

@@ -22,13 +22,8 @@ export default {
         "main-canvas": MainCanvas
     },
     created: function(){
-        console.log("COUCOU c'est moi l'app", this.meshManager);
+        console.log("Hey, it's me, the main vue for your Obsidian app", this.meshManager);
     },
-    methods: {
-        onClick() {
-
-        }
-    }
   }
 </script>