monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

perf(drop-and-fusion): remove root Transition component for improve performance

Browse source
This commit is contained in:
syuilo 2024-01-13 11:49:47 +09:00
parent c33f56e3ed
commit 6177fcb2f5
1 changed files with 118 additions and 126 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/frontend/src/pages/drop-and-fusion.game.vue
View file

@ -8,14 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div v-if="!gameLoaded" :class="$style.loadingScreen"> <div v-if="!gameLoaded" :class="$style.loadingScreen">
Loading... Loading...
</div> </div>
<Transition <!-- ↓に対してTransitionコンポーネントを使うと何故かkeyを指定していてもキャッシュが効かず様々なコンポーネントが都度再評価されてパフォーマンスが低下する -->
:enterActiveClass="$style.transition_zoom_enterActive"
:leaveActiveClass="$style.transition_zoom_leaveActive"
:enterFromClass="$style.transition_zoom_enterFrom"
:leaveToClass="$style.transition_zoom_leaveTo"
:moveClass="$style.transition_zoom_move"
mode="out-in"
>
<div v-show="gameLoaded" class="_gaps_s"> <div v-show="gameLoaded" class="_gaps_s">
<div :class="$style.header"> <div :class="$style.header">
<div :class="[$style.frame, $style.headerTitle]"> <div :class="[$style.frame, $style.headerTitle]">
@ -139,7 +132,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</div> </div>
</div> </div>
</Transition>
</div> </div>
</template> </template>