From db5f64b097d831d1a798754ece180854d1970bc6 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Wed, 15 Apr 2026 16:18:15 +0900
Subject: [PATCH] wip

---
 packages/frontend/src/pages/room.vue             | 4 ++--
 packages/frontend/src/utility/room/controller.ts | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/pages/room.vue b/packages/frontend/src/pages/room.vue
index f8f000b15b..9107111f74 100644
--- a/packages/frontend/src/pages/room.vue
+++ b/packages/frontend/src/pages/room.vue
@@ -287,11 +287,11 @@ function getRgb(hex: string | number): [number, number, number] | null {
 }
 
 function save() {
-	localStorage.setItem('roomData', JSON.stringify(controller.roomState));
+	localStorage.setItem('roomData', JSON.stringify(controller.roomState.value));
 }
 
 function expor() {
-	const dataStr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(controller.roomState));
+	const dataStr = 'data:text/json;charset=utf-8,' + encodeURIComponent(JSON.stringify(controller.roomState.value));
 	const dlAnchorElem = window.document.createElement('a');
 	dlAnchorElem.setAttribute('href', dataStr);
 	dlAnchorElem.setAttribute('download', 'room.json');
diff --git a/packages/frontend/src/utility/room/controller.ts b/packages/frontend/src/utility/room/controller.ts
index bcd013a1cc..850cad6acd 100644
--- a/packages/frontend/src/utility/room/controller.ts
+++ b/packages/frontend/src/utility/room/controller.ts
@@ -68,6 +68,7 @@ export class RoomController {
 
 				this.engine.on('changeRoomState', ({ roomState }) => {
 					this.roomState.value = roomState;
+					triggerRef(this.selected);
 				});
 
 				this.engine.on('playSfxUrl', ({ url, options }) => {