refactor(stage-ui): rename markdown & scenarios to kebab-case

packages/stage-ui/src/components/markdown/markdown-renderer.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import MarkdownRenderer from './MarkdownRenderer.vue'
+import MarkdownRenderer from './markdown-renderer.vue'
 
 const markdownContent = ref(`
 # Sample Markdown

packages/stage-ui/src/components/scenarios/chat/assistant-item.vue

@@ -3,9 +3,10 @@ import type { ChatAssistantMessage, ChatSlices, ChatSlicesText } from '../../../
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
-import ChatResponsePart from './ChatResponsePart.vue'
-import ChatToolCallBlock from './ChatToolCallBlock.vue'
+import ChatResponsePart from './response-part.vue'
+import ChatToolCallBlock from './tool-call-block.vue'
+
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: ChatAssistantMessage

packages/stage-ui/src/components/scenarios/chat/error-item.vue

@@ -3,7 +3,7 @@ import type { ErrorMessage } from '../../../types/chat'
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: ErrorMessage

packages/stage-ui/src/components/scenarios/chat/history.story.vue

@@ -3,7 +3,7 @@ import type { ChatAssistantMessage, ChatHistoryItem } from '../../../types/chat'
 
 import { computed, ref } from 'vue'
 
-import ChatHistory from './ChatHistory.vue'
+import ChatHistory from './history.vue'
 
 const markdownMessages = ref<ChatHistoryItem[]>([
   {

packages/stage-ui/src/components/scenarios/chat/history.vue

@@ -4,9 +4,9 @@ import type { ChatAssistantMessage, ChatHistoryItem, ContextMessage } from '../.
 import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import ChatAssistantItem from './ChatAssistantItem.vue'
-import ChatErrorItem from './ChatErrorItem.vue'
-import ChatUserItem from './ChatUserItem.vue'
+import ChatAssistantItem from './assistant-item.vue'
+import ChatErrorItem from './error-item.vue'
+import ChatUserItem from './user-item.vue'
 
 const props = withDefaults(defineProps<{
   messages: ChatHistoryItem[]

packages/stage-ui/src/components/scenarios/chat/index.ts

@@ -1,4 +1,4 @@
-export { default as ChatAssistantItem } from './ChatAssistantItem.vue'
-export { default as ChatErrorItem } from './ChatErrorItem.vue'
-export { default as ChatHistory } from './ChatHistory.vue'
-export { default as ChatUserItem } from './ChatUserItem.vue'
+export { default as ChatAssistantItem } from './assistant-item.vue'
+export { default as ChatErrorItem } from './error-item.vue'
+export { default as ChatHistory } from './history.vue'
+export { default as ChatUserItem } from './user-item.vue'

packages/stage-ui/src/components/scenarios/chat/response-part.vue

@@ -5,7 +5,7 @@ import { Collapsible } from '@proj-airi/ui'
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = defineProps<{
   message: ChatAssistantMessage

packages/stage-ui/src/components/scenarios/chat/user-item.vue

@@ -3,7 +3,7 @@ import type { ChatMessage } from '../../../types/chat'
 
 import { computed } from 'vue'
 
-import MarkdownRenderer from '../../markdown/MarkdownRenderer.vue'
+import { MarkdownRenderer } from '../../markdown'
 
 const props = withDefaults(defineProps<{
   message: Extract<ChatMessage, { role: 'user' }>

packages/stage-ui/src/components/scenarios/providers/index.ts

@@ -1,14 +1,14 @@
-export { default as ProviderAccountIdInput } from './ProviderAccountIdInput.vue'
-export { default as ProviderAdvancedSettings } from './ProviderAdvancedSettings.vue'
-export { default as ProviderApiKeyInput } from './ProviderApiKeyInput.vue'
-export { default as ProviderBaseUrlInput } from './ProviderBaseUrlInput.vue'
-export { default as ProviderBasicSettings } from './ProviderBasicSettings.vue'
-export { default as ProviderSettingsContainer } from './ProviderSettingsContainer.vue'
-export { default as ProviderSettingsLayout } from './ProviderSettingsLayout.vue'
+export { default as ProviderAccountIdInput } from './provider-account-id-input.vue'
+export { default as ProviderAdvancedSettings } from './provider-advanced-settings.vue'
+export { default as ProviderApiKeyInput } from './provider-api-key-input.vue'
+export { default as ProviderBaseUrlInput } from './provider-base-url-input.vue'
+export { default as ProviderBasicSettings } from './provider-basic-settings.vue'
+export { default as ProviderSettingsContainer } from './provider-settings-container.vue'
+export { default as ProviderSettingsLayout } from './provider-settings-layout.vue'
 
-export { default as SpeechPlayground } from './SpeechPlayground.vue'
-export { default as SpeechPlaygroundOpenAICompatible } from './SpeechPlaygroundOpenAICompatible.vue'
-export { default as SpeechProviderSettings } from './SpeechProviderSettings.vue'
+export { default as SpeechPlayground } from './speech-playground.vue'
+export { default as SpeechPlaygroundOpenAICompatible } from './speech-playground-openai-compatible.vue'
+export { default as SpeechProviderSettings } from './speech-provider-settings.vue'
 
-export { default as TranscriptionPlayground } from './TranscriptionPlayground.vue'
-export { default as TranscriptionProviderSettings } from './TranscriptionProviderSettings.vue'
+export { default as TranscriptionPlayground } from './transcription-playground.vue'
+export { default as TranscriptionProviderSettings } from './transcription-provider-settings.vue'

packages/stage-ui/src/components/scenarios/providers/provider-account-id-input.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderAccountIdInput from './ProviderAccountIdInput.vue'
+import ProviderAccountIdInput from './provider-account-id-input.vue'
 
 const emptyAccountId = ref('')
 const filledAccountId = ref('1234567890abcdef1234567890abcdef')

packages/stage-ui/src/components/scenarios/providers/provider-advanced-settings.story.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderAdvancedSettings from './ProviderAdvancedSettings.vue'
+import ProviderAdvancedSettings from './provider-advanced-settings.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/scenarios/providers/provider-api-key-input.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderApiKeyInput from './ProviderApiKeyInput.vue'
+import ProviderApiKeyInput from './provider-api-key-input.vue'
 
 const apiKey = ref('')
 const filledApiKey = ref('sk-...')

packages/stage-ui/src/components/scenarios/providers/provider-base-url-input.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 
-import ProviderBaseUrlInput from './ProviderBaseUrlInput.vue'
+import ProviderBaseUrlInput from './provider-base-url-input.vue'
 
 const emptyUrl = ref('')
 const defaultUrl = ref('https://api.openai.com/v1/')

packages/stage-ui/src/components/scenarios/providers/provider-basic-settings.story.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderBasicSettings from './ProviderBasicSettings.vue'
+import ProviderBasicSettings from './provider-basic-settings.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/scenarios/providers/provider-settings-container.story.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import ProviderAdvancedSettings from './ProviderAdvancedSettings.vue'
-import ProviderBasicSettings from './ProviderBasicSettings.vue'
-import ProviderSettingsContainer from './ProviderSettingsContainer.vue'
+import ProviderAdvancedSettings from './provider-advanced-settings.vue'
+import ProviderBasicSettings from './provider-basic-settings.vue'
+import ProviderSettingsContainer from './provider-settings-container.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/scenarios/providers/provider-settings-layout.story.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import ProviderSettingsLayout from './ProviderSettingsLayout.vue'
+import ProviderSettingsLayout from './provider-settings-layout.vue'
 </script>
 
 <template>

packages/stage-ui/src/components/scenarios/providers/speech-provider-settings.vue

@@ -5,7 +5,7 @@ import { computed, onMounted, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 
-import ProviderSettingsLayout from './ProviderSettingsLayout.vue'
+import ProviderSettingsLayout from './provider-settings-layout.vue'
 
 import {
   ProviderAdvancedSettings,

packages/stage-ui/src/components/scenarios/settings/button-bar.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Button } from '@proj-airi/ui'
 
-import Bar from './Bar.vue'
+import Bar from './bar.vue'
 
 defineProps<{
   text: string

packages/stage-ui/src/components/scenarios/settings/check-bar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import Bar from './Bar.vue'
+import Bar from './bar.vue'
 
 defineProps<{
   text: string

packages/stage-ui/src/components/scenarios/settings/index.ts

@@ -1,3 +1,3 @@
-export { default as Bar } from './Bar.vue'
-export { default as ButtonBar } from './ButtonBar.vue'
-export { default as CheckBar } from './CheckBar.vue'
+export { default as Bar } from './bar.vue'
+export { default as ButtonBar } from './button-bar.vue'
+export { default as CheckBar } from './check-bar.vue'

packages/stage-ui/src/components/scenarios/settings/model-settings/index.vue

@@ -8,8 +8,8 @@ import { storeToRefs } from 'pinia'
 import { ref, watch } from 'vue'
 
 import Live2DScene from '../../../scenes/Live2D.vue'
-import Live2D from './Live2D.vue'
-import VRM from './VRM.vue'
+import Live2D from './live2d.vue'
+import VRM from './vrm.vue'
 
 import { DisplayModelFormat } from '../../../../stores/display-models'
 import { useLive2d } from '../../../../stores/live2d'

packages/stage-ui/src/components/scenarios/toasters/index.ts

@@ -1,2 +1,2 @@
-export { default as ToasterPWAUpdateReady } from './ToasterPWAUpdateReady.vue'
-export { default as ToasterRoot } from './ToasterRoot.vue'
+export { default as ToasterPWAUpdateReady } from './toaster-pwa-update-ready.vue'
+export { default as ToasterRoot } from './toaster-root.vue'

packages/stage-ui/src/components/scenarios/toasters/toaster-pwa-update-ready.story.vue

@@ -4,8 +4,8 @@ import { nanoid } from 'nanoid'
 import { h, markRaw } from 'vue'
 import { toast, Toaster } from 'vue-sonner'
 
-import ToasterPWAUpdateReady from './ToasterPWAUpdateReady.vue'
-import ToasterRoot from './ToasterRoot.vue'
+import ToasterPWAUpdateReady from './toaster-pwa-update-ready.vue'
+import ToasterRoot from './toaster-root.vue'
 
 import 'vue-sonner/style.css'