[DEV-10470] vue3-compatible version

.eslintrc.js

@@ -4,7 +4,7 @@ module.exports = {
   env: {
     node: true
   },
-  extends: ['eslint:recommended', 'plugin:vue/recommended', '@vue/prettier'],
+  extends: ['eslint:recommended', 'plugin:vue/recommended', 'plugin:prettier-vue/recommended'],
 
   rules: {
     'no-prototype-builtins': 0,
@@ -17,14 +17,5 @@ module.exports = {
     sourceType: 'module'
   },
 
-  globals: {},
-
-  overrides: [
-    {
-      files: '**/*.test.[jt]s',
-      env: {
-        jest: true
-      }
-    }
-  ]
+  globals: {}
 };

.storybook/main.js

@@ -1,3 +1,17 @@
-module.exports = {
-  stories: ['../src/**/*.stories.js']
+/** @type { import('@storybook/vue3-webpack5').StorybookConfig } */
+const config = {
+  stories: ['../src/**/*.stories.js'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions'
+  ],
+  framework: {
+    name: '@storybook/vue3-webpack5',
+    options: {}
+  },
+  docs: {
+    autodocs: 'tag'
+  }
 };
+export default config;

.storybook/preview.js

@@ -0,0 +1,14 @@
+/** @type { import('@storybook/vue3').Preview } */
+const preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    }
+  }
+};
+
+export default preview;