diff --git a/src/Demo.vue b/src/Demo.vue index 47ac6dc..5aa5a40 100644 --- a/src/Demo.vue +++ b/src/Demo.vue @@ -13,7 +13,6 @@ class="mockup" :screen="require('./assets/screen.png')" :rotation="{ - x: -0.2, y: -0.3, z: -0.06, }" diff --git a/src/Mockup.vue b/src/Mockup.vue index 92a655c..1182094 100644 --- a/src/Mockup.vue +++ b/src/Mockup.vue @@ -32,11 +32,7 @@ export default { }, rotation: { type: Object, - default: () => ({ - x: -0.2, - y: 0.3, - z: 0.06, - }), + default: () => ({}), }, }, 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); diff --git a/src/assets/screen.png b/src/assets/screen.png index 74b9d0f..c4c44be 100644 Binary files a/src/assets/screen.png and b/src/assets/screen.png differ