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;

.storybook/preview.js

@@ -0,0 +1,5 @@
+export default {
+  // ...rest of preview
+  //👇 Enables auto-generated documentation for all stories
+  tags: ['autodocs'],
+};

stories/cosmoz-image-viewer.stories.js

@@ -36,10 +36,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 +51,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