Partial rotation prop

src/Demo.vue

@@ -13,7 +13,6 @@
         class="mockup"
         :screen="require('./assets/screen.png')"
         :rotation="{
-          x: -0.2,
           y: -0.3,
           z: -0.06,
         }"

src/Mockup.vue

@@ -32,11 +32,7 @@ export default {
     },
     rotation: {
       type: Object,
-      default: () => ({
+      default: () => ({}),
-        x: -0.2,
-        y: 0.3,
-        z: 0.06,
-      }),
     },
   },
   setup(props) {
@@ -133,7 +129,12 @@ export default {
             y: 0,
             z: 0,
           },
-          rotation: props.rotation,
+          rotation: {
+            x: -0.2,
+            y: 0.3,
+            z: 0.06,
+            ...props.rotation,
+          },
         });
         phone.startFloat();
         scene.add(phone);