chore: configure vite

app/root.tsx

@@ -1,10 +1,9 @@
 import type { LinksFunction, LoaderFunctionArgs } from '@remix-run/node'
 import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from '@remix-run/react'
 
-import styles from './globals.css'
+import './globals.css'
 
 export const links: LinksFunction = () => [
-  { rel: 'stylesheet', href: styles },
   {
     rel: 'icon',
     href: '/logo.svg',
@@ -37,8 +36,8 @@ export default function App() {
         />
         <Outlet />
         <ScrollRestoration />
-        <Scripts />
         <LiveReload />
+        <Scripts />
       </body>
     </html>
   )

package.json

@@ -8,8 +8,8 @@
     "email": "franklinjalves@gmail.com"
   },
   "scripts": {
-    "build": "remix build",
-    "dev": "remix dev --manual",
+    "dev": "vite dev",
+    "build": "vite build && vite build --ssr",
     "start": "remix-serve ./build/index.js",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "clean": "rm -rf node_modules pnpm-lock.yaml",
@@ -20,29 +20,30 @@
     "test:dev": "jest --watchAll",
     "test": "jest --forceExit --no-cache",
     "type-check": "tsc",
-    "updatedeps": "yarn --latest upgrade-interactive"
+    "updatedeps": "pnpm update -i"
   },
   "dependencies": {
-    "@remix-run/node": "^2.1.0",
-    "@remix-run/react": "^2.1.0",
-    "@remix-run/serve": "^2.1.0",
+    "@remix-run/node": "^2.2.0",
+    "@remix-run/react": "^2.2.0",
+    "@remix-run/serve": "^2.2.0",
     "clsx": "2.0.0",
     "isbot": "^3.7.0",
-    "lucide-react": "^0.290.0",
+    "lucide-react": "^0.291.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.17.0"
+    "react-router-dom": "^6.18.0"
   },
   "devDependencies": {
-    "@remix-run/dev": "^2.1.0",
-    "@remix-run/eslint-config": "^2.1.0",
+    "@remix-run/dev": "^2.2.0",
+    "@remix-run/eslint-config": "^2.2.0",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.6",
+    "@types/jest": "^29.5.7",
     "@types/react": "^18.2.33",
     "@types/react-dom": "^18.2.14",
+    "autoprefixer": "^10.4.16",
     "eslint": "^8.52.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-import": "^2.29.0",
@@ -52,11 +53,14 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.0.2",
     "plop": "^4.0.0",
+    "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.6",
     "tailwindcss": "^3.3.5",
     "ts-jest": "29.1.1",
-    "typescript": "^5.2.2"
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0",
+    "vite-tsconfig-paths": "^4.2.1"
   },
   "engines": {
     "node": ">=18.0.0"