refactor(#10336): module semantics

packages/frontend/.storybook/generate.tsx

@@ -74,6 +74,9 @@ function toStories(component: string): string {
 							/>,
 						]
 					: [],
+				...hasImplStories
+					? []
+					: [
 							<import-declaration
 								source={<literal value={`./${base}`} />}
 								specifiers={[
@@ -83,6 +86,7 @@ function toStories(component: string): string {
 									/>,
 								]}
 							/>,
+						],
 				<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 {