Build Nuxt 4 client cabinet with Apollo and GraphQL flows

app/components/orders/OrderStatusBadge.stories.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import OrderStatusBadge from './OrderStatusBadge.vue';
+
+const meta: Meta<typeof OrderStatusBadge> = {
+  title: 'Orders/OrderStatusBadge',
+  component: OrderStatusBadge,
+};
+
+export default meta;
+
+type Story = StoryObj<typeof OrderStatusBadge>;
+
+export const InProgress: Story = {
+  args: { status: 'IN_PROGRESS' },
+};
+
+export const Completed: Story = {
+  args: { status: 'COMPLETED' },
+};