Refactor code structure for improved readability and maintainability

vite.config.ts

@@ -1,21 +1,20 @@
 import tailwindcss from "@tailwindcss/vite";
-import vue from "@vitejs/plugin-vue";
-import { fileURLToPath, URL } from "node:url";
+import viteLegacy from "@vitejs/plugin-legacy";
+import viteVue from "@vitejs/plugin-vue";
+import viteVueJsx from "@vitejs/plugin-vue-jsx";
+import path from "path";
 import { defineConfig } from "vite";
 
 export default defineConfig({
-  plugins: [vue(), tailwindcss()],
+  plugins: [viteVue(), viteLegacy(), viteVueJsx(), tailwindcss()],
   resolve: {
     alias: {
-      "@": fileURLToPath(new URL("./src", import.meta.url)),
+      "@": path.join(__dirname, "./src"),
     },
   },
   server: {
     host: "0.0.0.0",
     port: 5174,
-  },
-  preview: {
-    host: "0.0.0.0",
-    port: 4174,
+    open: false,
   },
 });