Rebuild Storybook components in vue

This commit migrates our storybook setup from react to vue, using the
vue3/vite storybook package. Most functionality is preserved from react
in storybook, with the only major change being in templating structure:
whereas before we passed child components as jsx props, since Vue
instead promotes using slots, we set the children of our stories using
the template syntax.  Also, there is not native vue-router support, so
we have to mock the vue-router package around our stories in order to
use any components that rely on vue-router package-specific components.

The withVueRouter function is modeled after the same function found
here[1] in a vue-router-storybook plugin. Since we have no demonstrated
need for actually mocking the functionality of the router, it seemed the
right decision to just include the bare minimum code needed to render
the child components, rather than adding another dependency (that is
both not actively maintained and depends on an earlier version of
storybook).

Issue #1009 Migrate Front-end to vue

[1] https://github.com/NickMcBurney/storybook-vue3-router

Author: hminsky2002

.gitignore

@@ -118,3 +118,6 @@ dist
 # @axa-fr/react-oidc generated files
 /public/OidcServiceWorker.js
 /public/OidcTrustedDomains.js
+
+*storybook.log
+storybook-static

.storybook/main.ts

@@ -1,21 +1,16 @@
-import type { StorybookConfig } from '@storybook/react-vite';
+import type { StorybookConfig } from '@storybook/vue3-vite';
+
 const config: StorybookConfig = {
-	stories: ['../src/stories/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-	addons: [
-		'@storybook/addon-links',
-		'@storybook/addon-essentials',
-		'@storybook/addon-interactions',
-	],
+	stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+	addons: ['@storybook/addon-onboarding', '@storybook/addon-docs'],
 	framework: {
-		name: '@storybook/react-vite',
-		options: {},
+		name: '@storybook/vue3-vite',
+		options: {
+			docgen: {
+				plugin: 'vue-component-meta',
+				tsconfig: 'tsconfig.app.json',
+			},
+		},
 	},
-	core: {
-		disableTelemetry: true,
-	},
-	docs: {
-		autodocs: 'tag',
-	},
-	staticDirs: ['../public'],
 };
 export default config;

.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/vue3-vite';
+import '../src/assets/main.css';
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i,
+			},
+		},
+	},
+};
+
+export default preview;