chore: simplified config

.storybook/main.js

@@ -1,23 +1,11 @@
 /** @type { import('@storybook/web-components-vite').StorybookConfig } */
-const config = {
+export default {
 	stories: ['../stories/**/*.stories.{js,ts,mdx}'],
 	addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
 	core: {
 		builder: '@storybook/builder-vite',
 		disableTelemetry: true,
 	},
-	framework: {
-		name: '@storybook/web-components-vite',
-		options: {},
-	},
-	docs: {
-		autodocs: true,
-		defaultName: 'Docs',
-	},
+	framework: '@storybook/web-components-vite',
 	staticDirs: ['../stories/images'],
-	async viteFinal(config) {
-		return config;
-	},
 };
-
-export default config;

stories/cosmoz-image-viewer.stories.js

@@ -6,6 +6,7 @@ import { images } from './data.js';
 export default {
 	title: 'Cosmoz Image Viewer',
 	component: 'cosmoz-image-viewer',
+	tags: ['autodocs'],
 };
 
 export const Basic = ({
@@ -36,10 +37,7 @@ export const Basic = ({
 		?loop=${loop}
 		?show-zoom=${showZoom}
 		?detached-show-zoom=${detachedShowZoom}
-		.images=${[
-			'cosmos1.jpg',
-			'cosmos2.jpg',
-		]}
+		.images=${['cosmos1.jpg', 'cosmos2.jpg']}
 	></cosmoz-image-viewer>
 `;
 
@@ -54,14 +52,8 @@ Basic.args = {
 };
 
 export const Issue21 = () => {
-	const images1 = [
-			'stockholm.jpg',
-			'strasbourg.jpg',
-		],
-		images2 = [
-			'cosmos1.jpg',
-			'cosmos2.jpg',
-		];
+	const images1 = ['stockholm.jpg', 'strasbourg.jpg'],
+		images2 = ['cosmos1.jpg', 'cosmos2.jpg'];
 	return html`
 		<cosmoz-image-viewer
 			show-detach

stories/haunted-pan-zoom.stories.js

@@ -4,7 +4,9 @@ import '../cosmoz-image-viewer.js';
 export default {
 	title: 'Pan Zoom',
 	component: 'haunted-pan-zoom',
+	tags: ['autodocs'],
 };
+
 const Template = ({ disabled, height, zoomStiffness, panStiffness }) => html`
 	<haunted-pan-zoom
 		src="a_size.png"