Feat/fix storybook (#4590)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Author: ulischulte

spring-boot-admin-server-ui/.storybook/main.js

@@ -2,20 +2,14 @@ const { mergeConfig } = require('vite');
 const path = require('path');
 const frontend = path.resolve(__dirname, '../src/main/frontend/');
 module.exports = {
-  stories: [
-    {
-      directory: frontend,
-    },
-  ],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-mdx-gfm',
-  ],
+  stories: ['../src/main/frontend/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: ['@storybook/addon-links', '@storybook/addon-docs'],
+
   framework: {
     name: '@storybook/vue3-vite',
     options: {},
   },
+
   async viteFinal(config) {
     config.plugins = config.plugins.filter((p) => p.name !== 'vue-docgen');
     return mergeConfig(config, {
@@ -26,8 +20,5 @@ module.exports = {
         extensions: ['.vue', '.js', '.json'],
       },
     });
-  },
-  docs: {
-    autodocs: true,
-  },
+  }
 };

spring-boot-admin-server-ui/.storybook/preview.js

@@ -1,5 +1,5 @@
-import { setup } from '@storybook/vue3';
-import { initialize, mswDecorator } from 'msw-storybook-addon';
+import { setup } from '@storybook/vue3-vite';
+import { initialize, mswLoader } from 'msw-storybook-addon';
 import { createRouter, createWebHistory } from 'vue-router';
 
 import './storybook.css';
@@ -39,6 +39,12 @@ export const parameters = {
       others: [...mappingsEndpoint, ...applicationsEndpoint],
     },
   },
+  loader: { '.js': 'jsx' },
 };
 
-export const decorators = [mswDecorator];
+export const preview = {
+  parameters,
+  loaders: [mswLoader],
+};
+
+export const tags = ['autodocs'];