feat: setup libs

Co-authored-by: Hewston Fox <hewstonfox@gmail.com>
Co-authored-by: autofix <noreply@autofix.ci>
Reviewed-on: #1

vite.config.ts

@@ -1,7 +1,35 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import tailwindcss from "@tailwindcss/vite";
+import tanstackRouter from "@tanstack/router-plugin/vite";
+import { devtools as tanstackDevtools } from "@tanstack/devtools-vite";
 
-// https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()],
-})
+  plugins: [
+    tanstackDevtools({
+      removeDevtoolsOnBuild: true,
+      logging: true,
+      injectSource: {
+        enabled: true,
+      },
+      editor: {
+        name: "WebStorm",
+        open: async (path, lineNumber, columnNumber) => {
+          const { exec } = await import("node:child_process");
+          exec(
+            `webstorm -g "${path.replaceAll("$", "\\$")}${lineNumber ? `:${lineNumber}` : ""}${columnNumber ? `:${columnNumber}` : ""}"`,
+          );
+        },
+      },
+      enhancedLogs: {
+        enabled: true,
+      },
+    }),
+    tanstackRouter({
+      target: "react",
+      autoCodeSplitting: true,
+    }),
+    react(),
+    tailwindcss(),
+  ],
+});