LITE-28705: Migrate component templates from Pug to plain HTML

- Added more strict ESLint rules for vue
- Updated dependencies, major work on storybook migration

.eslintrc.js

@@ -0,0 +1,20 @@
+/* eslint-env node */
+module.exports = {
+  root: true,
+  ignorePatterns: ['*.config.js', '*.spec.js', 'tasks/*', 'dist/*'],
+  extends: [
+    'plugin:vue/vue3-recommended',
+    'eslint:recommended',
+    'plugin:storybook/recommended',
+  ],
+
+  plugins: ['vue'],
+
+  env: {
+    'vue/setup-compiler-macros': true,
+  },
+
+  rules: {
+    'vue/multi-word-component-names': 'off',
+  },
+};

.storybook/main.js

@@ -1,23 +1,29 @@
 const path = require('path');
 
 module.exports = {
-  stories: 
-  ["../src/**/*.stories.@(js|jsx|ts|tsx)",
-  "../src/**/*.stories.mdx",],
+  stories: [
+    "../src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../src/stories/**/*.mdx",
+  ],
+
   staticDirs: ["../public"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
-	"storybook-addon-designs"
+    "@storybook/addon-designs",
   ],
-  framework: "@storybook/vue3",
-  core: {
-    builder: "@storybook/builder-webpack5",
+
+  framework: {
+    name: "@storybook/vue3-webpack5",
+    options: {},
   },
+
   features: {
     interactionsDebugger: true,
   },
+
   webpackFinal: async (config) => {
 
     config.module.rules.push({
@@ -29,7 +35,7 @@ module.exports = {
       ],
       include: path.resolve(__dirname, '../'),
     });
-    
+
     config.module.rules.push(
       {
         test: /\.pug$/,
@@ -41,4 +47,8 @@ module.exports = {
 
     return config;
   },
+
+  docs: {
+    autodocs: true,
+  },
 };