better wall display

src/components/objects/Project.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
     <object3d ref="block3d" name="Project" :obj="walls3dObj" :position="wallsPos" />
+    <!-- <object3d v-if="debug" ref="gridDebug3d" name="griddebug" :obj="gridBebug3dObj" :position="wallsPos" /> -->
     <object3d ref="top" :obj="top3dObj" :position="topPos" />
     <object3d ref="floor" :obj="floor3dObj" :position="floorPos" />
     <object3d ref="levels" :obj="levels3dObj" :position="levelsPos" />
@@ -105,7 +106,7 @@ export default {
   mixins: [mixins],
   props: { id: Number },
   data () {
-    console.log('Project data()')
+    // console.log('Project data()')
     return {
       isOpened: false,
       block3d: null,
@@ -126,6 +127,7 @@ export default {
   },
   computed: {
     ...mapInstanceState(getModuleName, {
+      debug: state => state.debug,
       title: state => state.Titre,
       size: state => state.size,
       position: state => state.position,
@@ -138,6 +140,7 @@ export default {
       floorPos: state => state.floorPos,
       levels3dObj: state => state.levels3dObj,
       levelsPos: state => state.levelsPos,
+      // gridBebug3dObj: state => state.gridBebug3dObj,
       contents: state => state.contents,
       activeLevel: state => state.activeLevel
     }),
@@ -167,7 +170,7 @@ export default {
     this.label_position.x = this.position.x - this.size.x / 2 + this.label_size.x / 2 + 1
     this.label_position.y = this.position.y + this.size.y / 2 - this.label_size.y / 2 - 1
     this.label_position.z = this.position.z + this.size.z / 2 + 0.5
-    console.log('this.label_position', this.label_position)
+    // console.log('this.label_position', this.label_position)
   },
   mounted () {
     console.log('project mounted', this)