build: migrate deprecated storybook config

Signed-off-by: Jeremias Peier <[email protected]>

.storybook/main.ts

@@ -8,9 +8,6 @@ const config: StorybookConfig = {
     name: '@storybook/web-components-vite',
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
   async viteFinal(config) {
     let build: BuildOptions = {};
     if (process.env.CHROMATIC) {

.storybook/preview.ts

@@ -1,6 +1,6 @@
 import * as tokens from '@sbb-esta/lyne-design-tokens';
-import type { StoryContext } from '@storybook/types';
-import type { Decorator } from '@storybook/web-components';
+import type { Parameters, StoryContext } from '@storybook/types';
+import type { Decorator, Preview } from '@storybook/web-components';
 import isChromatic from 'chromatic/isChromatic';
 import { html } from 'lit';
 
@@ -41,7 +41,7 @@ const storybookViewports = breakpoints.reduce(
   {} as Record<string, number>,
 );
 
-export const parameters = {
+const parameters: Parameters = {
   // Set the viewports in Chromatic globally.
   chromatic: {
     delay: 2000,
@@ -52,6 +52,7 @@ export const parameters = {
     breakpointNames,
     debounceTimeout: 10,
   },
+  tags: ['autodocs'],
   docs: {
     toc: {
       ignoreSelector: '.docs-story h2',
@@ -70,11 +71,19 @@ export const parameters = {
   },
 };
 
-export const decorators: Decorator[] = [
+const decorators: Decorator[] = [
   (story, context: StoryContext) =>
     isChromatic() && context.parameters.layout !== 'fullscreen'
       ? html`<div style="padding: 2rem;min-height: 100vh">${story()}</div>`
       : story(),
   withBackgroundDecorator,
   (story) => (isChromatic() ? html`<div class="sbb-disable-animation">${story()}</div>` : story()),
 ];
+
+const preview: Preview = {
+  decorators,
+  parameters,
+  tags: ['autodocs'],
+};
+
+export default preview;