From ebe2e799ed733ac8b17bd4ca5f2cc49938f0f98e Mon Sep 17 00:00:00 2001
From: Kevin Levron <kevin.levron@gmail.com>
Date: Fri, 12 Mar 2021 23:16:34 +0100
Subject: [PATCH] default app

---
 src/App.vue | 33 +++++++--------------------------
 1 file changed, 7 insertions(+), 26 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3db72fe..42d743e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,10 @@
 <template>
-  <Renderer ref="renderer" mouse-over click>
+  <Renderer ref="renderer" antialias orbit-ctrl resize="window">
     <Camera :position="{ z: 10 }" />
     <Scene>
       <PointLight :position="{ y: 50, z: 50 }" />
-      <Box ref="box" @hover="boxHover" @click="boxClick" :size="1" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }">
-        <LambertMaterial :color="boxColor" />
+      <Box ref="box" :rotation="{ y: Math.PI / 4, z: Math.PI / 4 }">
+        <LambertMaterial />
       </Box>
     </Scene>
   </Renderer>
@@ -12,11 +12,6 @@
 
 <script>
 export default {
-  data() {
-    return {
-      boxColor: '#ffffff',
-    };
-  },
   mounted() {
     const renderer = this.$refs.renderer;
     const box = this.$refs.box.mesh;
@@ -24,28 +19,14 @@ export default {
       box.rotation.x += 0.01;
     });
   },
-  methods: {
-    boxHover({ over }) {
-      if (over) this.boxColor = '#ff0000';
-      else this.boxColor = '#ffffff';
-    },
-    boxClick() {
-      console.log('click');
-    },
-  },
 };
 </script>
 
-<style lang="scss">
-body {
+<style>
+body, html {
   margin: 0;
 }
-
-body, html, #app, .app { height: 100%; }
-
-.app {
-  canvas {
-    display: block;
-  }
+canvas {
+  display: block;
 }
 </style>