diff --git a/packages/stage-ui-live2d/src/components/scenes/live2d/Canvas.vue b/packages/stage-ui-live2d/src/components/scenes/live2d/Canvas.vue index 0229edd4a..e92e531d8 100644 --- a/packages/stage-ui-live2d/src/components/scenes/live2d/Canvas.vue +++ b/packages/stage-ui-live2d/src/components/scenes/live2d/Canvas.vue @@ -3,7 +3,7 @@ import { Application } from '@pixi/app' import { extensions } from '@pixi/extensions' import { Ticker, TickerPlugin } from '@pixi/ticker' import { Live2DModel } from 'pixi-live2d-display/cubism4' -import { onMounted, onUnmounted, ref, watch } from 'vue' +import { onMounted, onUnmounted, ref, shallowRef, watch } from 'vue' const props = withDefaults(defineProps<{ width: number @@ -23,7 +23,7 @@ const componentState = defineModel<'pending' | 'loading' | 'mounted'>('state', { const containerRef = ref() const isPixiCanvasReady = ref(false) -const pixiApp = ref() +const pixiApp = shallowRef() const pixiAppCanvas = ref() function resolveMaxFps(limit?: number) { diff --git a/packages/stage-ui-live2d/src/components/scenes/live2d/Model.vue b/packages/stage-ui-live2d/src/components/scenes/live2d/Model.vue index e1d67c02e..e12422929 100644 --- a/packages/stage-ui-live2d/src/components/scenes/live2d/Model.vue +++ b/packages/stage-ui-live2d/src/components/scenes/live2d/Model.vue @@ -93,7 +93,7 @@ const offset = computed(() => ({ const pixiApp = toRef(() => props.app) const paused = toRef(() => props.paused) const focusAt = toRef(() => props.focusAt) -const model = ref>() +const model = shallowRef>() const initialModelWidth = ref(0) const initialModelHeight = ref(0) const mouthOpenSize = computed(() => Math.max(0, Math.min(100, props.mouthOpenSize))) @@ -176,7 +176,7 @@ const live2dExpressionEnabled = toRef(() => props.live2dExpressionEnabled) const live2dShadowEnabled = toRef(() => props.live2dShadowEnabled) // --- Expression controller -const internalModelRef = ref() +const internalModelRef = shallowRef() const expressionController = useExpressionController({ internalModel: internalModelRef, modelId: props.modelId,