build(#10336): missing dependencies

packages/frontend/package.json

@@ -94,6 +94,7 @@
 		"@testing-library/vue": "^6.6.1",
 		"@types/escape-regexp": "0.0.1",
 		"@types/estree": "^1.0.0",
+		"@types/glob": "^8.1.0",
 		"@types/gulp": "4.0.10",
 		"@types/gulp-rename": "2.0.1",
 		"@types/matter-js": "0.18.2",
@@ -119,6 +120,7 @@
 		"eslint": "8.37.0",
 		"eslint-plugin-import": "2.27.5",
 		"eslint-plugin-vue": "9.10.0",
+		"glob": "^9.3.2",
 		"happy-dom": "8.9.0",
 		"msw": "^1.1.0",
 		"msw-storybook-addon": "^1.8.0",

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

@@ -1,15 +1,28 @@
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+import { StoryObj } from '@storybook/vue3';
 import MkAnalogClock from './MkAnalogClock.vue';
 export const Default = {
-	render(args, { argTypes }) {
+	render(args) {
 		return {
 			components: {
 				MkAnalogClock,
 			},
-			props: Object.keys(argTypes),
-			template: '<MkAnalogClock v-bind="$props" />',
+			setup() {
+				return {
+					args,
+				};
+			},
+			computed: {
+				props() {
+					return {
+						...this.args,
+					};
+				},
+			},
+			template: '<MkAnalogClock v-bind="props" />',
 		};
 	},
 	parameters: {
 		layout: 'fullscreen',
 	},
-};
+} satisfies StoryObj<typeof MkAnalogClock>;