fix: passing class and style attrs only (#423)

Tresjs · Oct 19, 2023 · 8fd991a · 8fd991a
1 parent 453c862
commit 8fd991a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/playground/src/components/TheExperience.vue b/playground/src/components/TheExperience.vue
@@ -35,7 +35,9 @@ watchEffect(() => {
   <TresCanvas
     v-bind="gl"
     ref="canvas"
+    window-size
     class="awiwi"
+    :style="{ background: '#008080' }"
   >
     <TresPerspectiveCamera
       :position="[7, 7, 7]"

diff --git a/src/components/TresCanvas.vue b/src/components/TresCanvas.vue
@@ -181,7 +181,7 @@ onMounted(() => {
   <canvas
     ref="canvas"
     :data-scene="scene.uuid"
-    v-bind="$attrs"
+    :class="$attrs.class"
     :style="{
       display: 'block',
       width: '100%',
@@ -191,6 +191,7 @@ onMounted(() => {
       left: 0,
       pointerEvents: 'auto',
       touchAction: 'none',
+      ...$attrs.style as Object,
     }"
   />
 </template>