From 672fc6edaa634f193b152855c2f5a8d3f35d1b1d Mon Sep 17 00:00:00 2001
From: Sig <62321214+sigprogramming@users.noreply.github.com>
Date: Wed, 22 Jan 2025 19:07:11 +0900
Subject: [PATCH 1/3] Update src/components/Sing/SequencerDummyGrid.vue

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Sing/SequencerDummyGrid.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sing/SequencerDummyGrid.vue b/src/components/Sing/SequencerDummyGrid.vue
index 3584957aef..eaabdfa02b 100644
--- a/src/components/Sing/SequencerDummyGrid.vue
+++ b/src/components/Sing/SequencerDummyGrid.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="sequencer-grid"></div>
+  <div class="sequencer-dummy-grid"></div>
 </template>
 
 <script setup lang="ts">
@@ -19,7 +19,7 @@ const gridHeight = injectedValue.gridHeight;
 @use "@/styles/variables" as vars;
 @use "@/styles/colors" as colors;
 
-.sequencer-grid {
+.sequencer-dummy-grid {
   display: block;
   width: v-bind("`${gridWidth}px`");
   height: v-bind("`${gridHeight}px`");

From adad0e22e227402ced0317bb0d2bb61dfb0ca0dd Mon Sep 17 00:00:00 2001
From: Sig <62321214+sigprogramming@users.noreply.github.com>
Date: Wed, 22 Jan 2025 19:08:22 +0900
Subject: [PATCH 2/3] Update src/components/Sing/SequencerGrid/Presentation.vue

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Sing/SequencerGrid/Presentation.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/Sing/SequencerGrid/Presentation.vue b/src/components/Sing/SequencerGrid/Presentation.vue
index 7cf43658a5..d8484ff06e 100644
--- a/src/components/Sing/SequencerGrid/Presentation.vue
+++ b/src/components/Sing/SequencerGrid/Presentation.vue
@@ -133,10 +133,7 @@ if (injectedValue == undefined) {
   throw new Error("injectedValue is undefined.");
 }
 
-const gridCellWidth = injectedValue.gridCellWidth;
-const gridCellHeight = injectedValue.gridCellHeight;
-const gridWidth = injectedValue.gridWidth;
-const gridHeight = injectedValue.gridHeight;
+const { gridCellWidth, gridCellHeight, gridWidth, gridHeight } = injectedValue;
 
 const beatWidth = (timeSignature: TimeSignature) => {
   const beatType = timeSignature.beatType;

From 7662a2f110f499aa8aff68111853dff8e4fa8af4 Mon Sep 17 00:00:00 2001
From: Sig <62321214+sigprogramming@users.noreply.github.com>
Date: Wed, 22 Jan 2025 19:08:34 +0900
Subject: [PATCH 3/3] Update src/components/Sing/SequencerDummyGrid.vue

Co-authored-by: Hiroshiba <hihokaruta@gmail.com>
---
 src/components/Sing/SequencerDummyGrid.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/Sing/SequencerDummyGrid.vue b/src/components/Sing/SequencerDummyGrid.vue
index eaabdfa02b..20cb273c05 100644
--- a/src/components/Sing/SequencerDummyGrid.vue
+++ b/src/components/Sing/SequencerDummyGrid.vue
@@ -11,8 +11,7 @@ if (injectedValue == undefined) {
   throw new Error("injectedValue is undefined.");
 }
 
-const gridWidth = injectedValue.gridWidth;
-const gridHeight = injectedValue.gridHeight;
+const { gridWidth, gridHeight } = injectedValue;
 </script>
 
 <style scoped lang="scss">