refactor(stage-ui): rename gadgets to kebab-case

packages/stage-ui/src/components/gadgets/audio-spectrum.story.vue

@@ -2,8 +2,8 @@
 import { FieldRange, Radio } from '@proj-airi/ui'
 import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
 
-import AudioSpectrum from './AudioSpectrum.vue'
-import AudioSpectrumVisualizer from './AudioSpectrumVisualizer.vue'
+import AudioSpectrumVisualizer from './audio-spectrum-visualizer.vue'
+import AudioSpectrum from './audio-spectrum.vue'
 
 // Create a mock oscillator to generate audio for demonstration
 const audioContext = shallowRef<AudioContext>()

packages/stage-ui/src/components/gadgets/chat-bubble-minimalism.story.vue

@@ -2,7 +2,7 @@
 import { sleep } from '@moeru/std'
 import { onMounted, ref } from 'vue'
 
-import ChatBubbleMinimalism from './ChatBubbleMinimalism.vue'
+import ChatBubbleMinimalism from './chat-bubble-minimalism.vue'
 
 function createStream(text: string) {
   let doneFunc = () => {}

packages/stage-ui/src/components/gadgets/index.ts

@@ -1,6 +1,6 @@
-export { default as AudioSpectrum } from './AudioSpectrum.vue'
-export { default as AudioSpectrumVisualizer } from './AudioSpectrumVisualizer.vue'
-export { default as LevelMeter } from './LevelMeter.vue'
-export { default as TestDummyMarker } from './TestDummyMarker.vue'
-export { default as ThresholdMeter } from './ThresholdMeter.vue'
-export { default as TimeSeriesChart } from './TimeSeriesChart.vue'
+export { default as AudioSpectrumVisualizer } from './audio-spectrum-visualizer.vue'
+export { default as AudioSpectrum } from './audio-spectrum.vue'
+export { default as LevelMeter } from './level-meter.vue'
+export { default as TestDummyMarker } from './test-dummy-marker.vue'
+export { default as ThresholdMeter } from './threshold-meter.vue'
+export { default as TimeSeriesChart } from './time-series-chart.vue'

packages/stage-ui/src/components/gadgets/level-meter.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import LevelMeter from './LevelMeter.vue'
+import LevelMeter from './level-meter.vue'
 
 // Reactive data for demos
 const audioLevel = ref(45)

packages/stage-ui/src/components/gadgets/test-dummy-marker.story.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import Volumed from '../graphics/Volumed.vue'
 import CursorMomentum from '../physics/CursorMomentum.vue'
-import TestDummyMarker from './TestDummyMarker.vue'
-import TestDummyMarkerFlat from './TestDummyMarkerFlat.vue'
+import TestDummyMarkerFlat from './test-dummy-marker-flat.vue'
+import TestDummyMarker from './test-dummy-marker.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/gadgets/test-dummy-marker.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Volumed from '../graphics/Volumed.vue'
 import CursorMomentum from '../physics/CursorMomentum.vue'
-import TestDummyMarkerFlat from './TestDummyMarkerFlat.vue'
+import TestDummyMarkerFlat from './test-dummy-marker-flat.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/gadgets/threshold-meter.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import ThresholdMeter from './ThresholdMeter.vue'
+import ThresholdMeter from './threshold-meter.vue'
 
 // Reactive data for demos
 const probability = ref(0.65)

packages/stage-ui/src/components/gadgets/time-series-chart.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref } from 'vue'
 
-import TimeSeriesChart from './TimeSeriesChart.vue'
+import TimeSeriesChart from './time-series-chart.vue'
 
 // Data arrays for different scenarios
 const performanceHistory = ref<number[]>([])