chg: dev: use namespaces for front-end #4

vite.config.js

@@ -1,12 +1,24 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import symfonyPlugin from 'vite-plugin-symfony';
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
 
 export default defineConfig({
   plugins: [
     react(),
     symfonyPlugin({ refresh: true }),
   ],
+  resolve: {
+    alias: {
+      '@mine-components': resolve(__dirname, './assets/js/mine-seeker/components'),
+      '@mine-contexts': resolve(__dirname, './assets/js/mine-seeker/contexts'),
+      '@mine-hooks': resolve(__dirname, './assets/js/mine-seeker/hooks'),
+      '@mine-utils': resolve(__dirname, './assets/js/mine-seeker/utils'),
+    },
+  },
   build: {
     rollupOptions: {
       input: {