chore: update import to use alias

app/blog/[slug]/page.tsx

@@ -2,10 +2,10 @@ import type { Metadata } from 'next'
 import { notFound } from 'next/navigation'
 import { Suspense } from 'react'
 
-import { getPost } from '../../../data/blog'
-import { DATA } from '../../../data/resume'
+import { getPost } from '@/data/blog'
+import { DATA } from '@/data/resume'
 
-import { formatDate } from '../../../lib/utils'
+import { formatDate } from '@/lib/utils'
 
 export async function generateMetadata({
   params,

app/blog/page.tsx

@@ -1,8 +1,8 @@
 import Link from 'next/link'
 
-import BlurFade from '../../components/magicui/blur-fade'
+import BlurFade from '@/components/magicui/blur-fade'
 
-import { getBlogPosts } from '../../data/blog'
+import { getBlogPosts } from '@/data/blog'
 
 export const metadata = {
   title: 'Blog',

app/layout.tsx

@@ -3,13 +3,13 @@ import './globals.css'
 import type { Metadata } from 'next'
 import { Inter as FontSans } from 'next/font/google'
 
-import Navbar from '../components/navbar'
-import { ThemeProvider } from '../components/theme-provider'
-import { TooltipProvider } from '../components/ui/tooltip'
+import Navbar from '@/components/navbar'
+import { ThemeProvider } from '@/components/theme-provider'
+import { TooltipProvider } from '@/components/ui/tooltip'
 
-import { DATA } from '../data/resume'
+import { DATA } from '@/data/resume'
 
-import { cn } from '../lib/utils'
+import { cn } from '@/lib/utils'
 
 const fontSans = FontSans({
   subsets: ['latin'],

app/not-found.tsx

@@ -2,7 +2,7 @@
 
 import { useRouter } from 'next/navigation'
 
-import { Button } from '../components/ui/button'
+import { Button } from '@/components/ui/button'
 
 export default function NotFound() {
   const router = useRouter()

app/page.tsx

@@ -1,12 +1,12 @@
 import Link from 'next/link'
 import Markdown from 'react-markdown'
 
-import BlurFade from '../components/magicui/blur-fade'
-import BlurFadeText from '../components/magicui/blur-fade-text'
-import { ProjectCard } from '../components/project-card'
-import { Badge } from '../components/ui/badge'
+import BlurFade from '@/components/magicui/blur-fade'
+import BlurFadeText from '@/components/magicui/blur-fade-text'
+import { ProjectCard } from '@/components/project-card'
+import { Badge } from '@/components/ui/badge'
 
-import { DATA } from '../data/resume'
+import { DATA } from '@/data/resume'
 
 const BLUR_FADE_DELAY = 0.04
 

components/hackathon-card.tsx

@@ -1,7 +1,7 @@
 import Link from 'next/link'
 
-import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar'
-import { Badge } from './ui/badge'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Badge } from '@/components/ui/badge'
 
 interface Props {
   title: string

components/magicui/blur-fade-text.tsx

@@ -3,7 +3,7 @@
 import { useMemo } from 'react'
 import { AnimatePresence, motion, Variants } from 'framer-motion'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 interface BlurFadeTextProps {
   text: string

components/magicui/dock.tsx

@@ -4,7 +4,7 @@ import React, { PropsWithChildren, useRef } from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 import { motion, useMotionValue, useSpring, useTransform } from 'framer-motion'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 export interface DockProps extends VariantProps<typeof dockVariants> {
   className?: string

components/mode-toggle.tsx

@@ -3,7 +3,7 @@
 import { MoonIcon, SunIcon } from '@radix-ui/react-icons'
 import { useTheme } from 'next-themes'
 
-import { Button } from './ui/button'
+import { Button } from '@/components/ui/button'
 
 export function ModeToggle() {
   const { theme, setTheme } = useTheme()

components/navbar.tsx

@@ -1,14 +1,18 @@
 import Link from 'next/link'
 
-import { Dock, DockIcon } from './magicui/dock'
-import { ModeToggle } from './mode-toggle'
-import { buttonVariants } from './ui/button'
-import { Separator } from './ui/separator'
-import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip'
+import { Dock, DockIcon } from '@/components/magicui/dock'
+import { ModeToggle } from '@/components/mode-toggle'
+import { buttonVariants } from '@/components/ui/button'
+import { Separator } from '@/components/ui/separator'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from '@/components/ui/tooltip'
 
-import { DATA } from '../data/resume'
+import { DATA } from '@/data/resume'
 
-import { cn } from '../lib/utils'
+import { cn } from '@/lib/utils'
 
 export default function Navbar() {
   return (

components/project-card.tsx

@@ -2,10 +2,16 @@ import Image from 'next/image'
 import Link from 'next/link'
 import Markdown from 'react-markdown'
 
-import { Badge } from './ui/badge'
-import { Card, CardContent, CardFooter, CardHeader, CardTitle } from './ui/card'
+import { Badge } from '@/components/ui/badge'
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/components/ui/card'
 
-import { cn } from '../lib/utils'
+import { cn } from '@/lib/utils'
 
 interface Props {
   title: string

components/resume-card.tsx

@@ -5,11 +5,11 @@ import { ChevronRightIcon } from 'lucide-react'
 import Link from 'next/link'
 import React from 'react'
 
-import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar'
-import { Badge } from './ui/badge'
-import { Card, CardHeader } from './ui/card'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Badge } from '@/components/ui/badge'
+import { Card, CardHeader } from '@/components/ui/card'
 
-import { cn } from '../lib/utils'
+import { cn } from '@/lib/utils'
 
 interface ResumeCardProps {
   logoUrl: string

components/ui/avatar.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import * as AvatarPrimitive from '@radix-ui/react-avatar'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const Avatar = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Root>,

components/ui/badge.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { cva, type VariantProps } from 'class-variance-authority'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const badgeVariants = cva(
   'inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',

components/ui/button.tsx

@@ -2,7 +2,7 @@ import { Slot } from '@radix-ui/react-slot'
 import { cva, type VariantProps } from 'class-variance-authority'
 import * as React from 'react'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const buttonVariants = cva(
   'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',

components/ui/card.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const Card = React.forwardRef<
   HTMLDivElement,

components/ui/separator.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import * as SeparatorPrimitive from '@radix-ui/react-separator'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const Separator = React.forwardRef<
   React.ElementRef<typeof SeparatorPrimitive.Root>,

components/ui/tooltip.tsx

@@ -3,7 +3,7 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip'
 import * as React from 'react'
 
-import { cn } from '../../lib/utils'
+import { cn } from '@/lib/utils'
 
 const TooltipProvider = TooltipPrimitive.Provider
 

data/resume.tsx

@@ -1,4 +1,4 @@
-import { Icons } from '../components/icons'
+import { Icons } from '@/components/icons'
 import { CodeIcon, HomeIcon } from 'lucide-react'
 
 export const DATA = {

tailwind.config.ts

@@ -3,12 +3,7 @@ import { fontFamily } from 'tailwindcss/defaultTheme'
 
 const config = {
   darkMode: ['class'],
-  content: [
-    './pages/**/*.{ts,tsx}',
-    './components/**/*.{ts,tsx}',
-    './app/**/*.{ts,tsx}',
-    './src/**/*.{ts,tsx}',
-  ],
+  content: ['./components/**/*.{ts,tsx}', './app/**/*.{ts,tsx}'],
   prefix: '',
   theme: {
     container: {

tsconfig.json

@@ -18,7 +18,7 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],