storybook

next-ui/src/pages/error.mdx

@@ -0,0 +1,11 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks';
+
+import * as Stories from './error.stories';
+
+<Meta of={Stories} />
+
+# Error
+
+An error page used when the connection to the server is lost.
+
+<Canvas of={Stories.Default} />

next-ui/src/pages/error.stories.ts

@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import error from './error.vue'
+
+const meta = {
+  component: error,
+  render: (args: object) => ({
+    components: { error },
+    setup() {
+      return { args }
+    },
+    template: '<error />',
+  }),
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+  },
+  args: {},
+} satisfies Meta<typeof error>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

next-ui/src/pages/import/readlist.mdx

@@ -0,0 +1,13 @@
+import { Canvas, Meta } from '@storybook/addon-docs/blocks';
+
+import * as Stories from './readlist.stories';
+
+<Meta of={Stories} />
+
+# Import ReadList
+
+Read list (CBL) import works in 2 steps:
+1. Browse or drop a CBL file.
+2. Read list with possible matches are shown in the table, allowing to fine-tune the import.
+
+<Canvas of={Stories.Default} />