add auto docs

Author: nartc

libs/soba/.storybook/documentation-template.mdx

@@ -0,0 +1,21 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls } from '@storybook/blocks';
+
+{/*
+  * 👇 The isTemplate property is required to tell Storybook that this is a template
+  * See https://storybook.js.org/docs/api/doc-blocks/doc-block-meta
+  * to learn how to use
+*/}
+
+<Meta isTemplate />
+
+<Title />
+<Subtitle />
+<Description />
+
+## Default implementation
+
+<Primary />
+
+## Available controls for story
+
+<Controls />

libs/soba/.storybook/main.ts

@@ -2,7 +2,7 @@ import type { StorybookConfig } from '@storybook/angular';
 import { resolve } from 'node:path';
 
 const config: StorybookConfig = {
-	stories: ['../**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+	stories: ['../**/*.mdx', '../**/*.stories.@(js|ts)'],
 	addons: ['@storybook/addon-essentials', 'storybook-addon-deep-controls'],
 	webpackFinal: async (config) => {
 		config.module?.rules?.push({

libs/soba/.storybook/preview.ts

@@ -1,7 +1,13 @@
 import { Preview } from '@storybook/angular';
+// @ts-ignore
+import DocumentationTemplate from './documentation-template.mdx';
 
 export default {
 	parameters: {
 		deepControls: { enabled: true },
+		docs: {
+			page: DocumentationTemplate,
+		},
 	},
+	tags: ['autodocs'],
 } as Preview;