refactor(#10336): module semantics

packages/frontend/.storybook/generate.tsx

@@ -74,15 +74,19 @@ function toStories(component: string): string {
 							/>,
 						]
 					: [],
-				<import-declaration
+				...hasImplStories
-					source={<literal value={`./${base}`} />}
+					? []
-					specifiers={[
+					: [
-						<import-default-specifier
+							<import-declaration
-							local={identifier}
+								source={<literal value={`./${base}`} />}
-							imported={identifier}
+								specifiers={[
-						/>,
+									<import-default-specifier
-					]}
+										local={identifier}
-				/>,
+										imported={identifier}
+									/>,
+								]}
+							/>,
+						],
 				<variable-declaration
 					kind="const"
 					declarations={[

packages/frontend/src/components/MkAnalogClock.stories.impl.ts

@@ -1,3 +1,4 @@
+import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {

packages/frontend/src/components/MkAnalogClock.stories.ts

@@ -1,9 +1,10 @@
 import { Meta, Story } from '@storybook/vue3';
-import MkAnalogClock from './MkAnalogClock.vue';
 const meta = {
 	title: 'components/MkAnalogClock',
 	component: MkAnalogClock,
 };
+export default meta;
+import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {
@@ -18,4 +19,3 @@ export const Default = {
 		layout: 'fullscreen',
 	},
 };
-export default meta;

packages/frontend/src/components/MkButton.stories.impl.ts

@@ -1,3 +1,4 @@
+import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {

packages/frontend/src/components/MkButton.stories.ts

@@ -1,10 +1,10 @@
 import { Meta, Story } from '@storybook/vue3';
-import MkButton from './MkButton.vue';
 const meta = {
 	title: 'components/MkButton',
 	component: MkButton,
 };
 export default meta;
+import MkButton from './MkButton.vue';
 export const Default = {
 	render(args, { argTypes }) {
 		return {