From c629fcd337e848744aa7a92d636fefa69eb51d41 Mon Sep 17 00:00:00 2001
From: kirisakisama <162684038+kirisakisama@users.noreply.github.com>
Date: Tue, 26 Aug 2025 08:49:29 +0800
Subject: [PATCH] Update VRM.vue (#450)

* Update VRM.vue

fix(VRMViewer): respect parent showAxes prop for VRM axes display
- properly bind incoming showAxes prop
- render TresAxesHelper only when showAxes=true
- keep idleAnimation & paused defaults aligned with parent usage

* Update VRM.vue

* Update VRM.vue
---
 packages/stage-ui/src/components/Scenes/VRM.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/stage-ui/src/components/Scenes/VRM.vue b/packages/stage-ui/src/components/Scenes/VRM.vue
index fa935e4c5..db5633b31 100644
--- a/packages/stage-ui/src/components/Scenes/VRM.vue
+++ b/packages/stage-ui/src/components/Scenes/VRM.vue
@@ -15,9 +15,16 @@ import Environment from './VRM/Environment.vue'
 import { useVRM } from '../../stores/vrm'
 import { OrbitControls, VRMModel } from '../Scenes'
 
-const props = defineProps<{
+const props =  withDefaults(defineProps<{
   modelSrc?: string
-}>()
+  showAxes?: boolean
+  idleAnimation?: string
+  paused?: boolean
+}>(), { 
+  showAxes: false,
+  idleAnimation: '/assets/vrm/animations/idle_loop.vrma',
+  paused: false,
+ })
 
 const emit = defineEmits<{
   (e: 'loadModelProgress', value: number): void
@@ -303,13 +310,13 @@ defineExpose({
       <VRMModel
         ref="modelRef"
         :model-src="props.modelSrc"
-        idle-animation="/assets/vrm/animations/idle_loop.vrma"
-        :paused="false"
+        :idle-animation="props.idleAnimation"
+        :paused="props.paused"
         @load-model-progress="(val) => emit('loadModelProgress', val)"
         @model-ready="handleLoadModelProgress"
         @error="(val) => emit('error', val)"
       />
-      <TresAxesHelper :size="1" />
+      <TresAxesHelper :size="1" v-if="props.showAxes" />
     </TresCanvas>
   </div>
 </template>