ui_migration feat(deps): setup vite mjs and index.html

webapp/vite.config.mjs

@@ -0,0 +1,57 @@
+// vite.config.mjs
+// Vite configuration file for a Vue 2 webapp using the Vue 2 compatibility build.
+// Vite replaces Vue CLI as the build tool. As it is designed for Vue 3, we use the
+// @vue/compat package to enable Vue 2 maintaining compatibility syntax and features.
+// Important: This is a preliminary setup, for vue2 to vue3 migration purposes.
+// Note: Comments are generated to explain relevant configuration options.
+
+import { fileURLToPath, URL } from 'node:url'
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          // Enable Vue 2 compatibility mode.
+          compatConfig: {
+            MODE: 2
+          }
+        }
+      }
+    }),
+  ],
+  resolve: {
+    alias: {
+      // Use Vue 2 compatible build.
+      'vue': '@vue/compat',
+      // Setup path alias for src directory.
+      // This allows importing modules using '@/path/to/module'.
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+    // Recognize these file extensions for module resolution.
+    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+  },
+  server: {
+    host: true,
+    // Set the development server port to 8080.
+    // OFM uses port 5000, so we avoid conflicts. run, and override by using the address: 
+    // http://microscope.local:8080/?overrideOrigin=http://microscope.local:5000#
+    port: 8080,
+    strictPort: true,
+  },
+  css: {
+    preprocessorOptions: {
+      less: {
+        // Always include math in Less files.
+        math: 'always',
+        // Enable relative URLs in Less files.
+        relativeUrls: true,
+        // Enable JavaScript in Less files
+        javascriptEnabled: true,
+      }
+    }
+  }
+})