//tsconfig.json
{
  "compilerOptions": {
    "paths": {
      //new config
      "@/*": ["./src/*"]
    }
  }
}

//vite.config.js
import tailwindcss from "@tailwindcss/vite";
import viteReact from "@vitejs/plugin-react";
import { defineConfig } from "vite";

import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
import tsconfigPaths from 'vite-tsconfig-paths'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
               //tsconfigpath plugin
		tsconfigPaths(),
		TanStackRouterVite({ autoCodeSplitting: true }),
		viteReact(),
		tailwindcss(),
	
	],
	test: {
		globals: true,
		environment: "jsdom",
	},
});

import { Button } from "@/components/button";