remove relative imports in favor of the node imports config in package.json

Author: kentcdodds

.eslintrc.cjs

@@ -32,6 +32,7 @@ module.exports = {
 					'sibling',
 					'index',
 				],
+				pathGroups: [{ pattern: '#*/**', group: 'internal' }],
 			},
 		],
 	},

app/components/error-boundary.tsx

@@ -4,7 +4,7 @@ import {
 	useRouteError,
 } from '@remix-run/react'
 import { type ErrorResponse } from '@remix-run/router'
-import { getErrorMessage } from '../utils/misc.tsx'
+import { getErrorMessage } from '#app/utils/misc.tsx'
 
 type StatusHandler = (info: {
 	error: ErrorResponse

app/components/search-bar.tsx

@@ -1,5 +1,5 @@
 import { Form, useSearchParams, useSubmit } from '@remix-run/react'
-import { useDebounce, useIsPending } from '../utils/misc.tsx'
+import { useDebounce, useIsPending } from '#app/utils/misc.tsx'
 import { Icon } from './ui/icon.tsx'
 import { Input } from './ui/input.tsx'
 import { Label } from './ui/label.tsx'

app/components/toaster.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { Toaster, toast as showToast } from 'sonner'
-import { type Toast } from '../utils/toast.server.ts'
+import { type Toast } from '#app/utils/toast.server.ts'
 
 export function EpicToaster({ toast }: { toast?: Toast | null }) {
 	return (

app/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 '../../utils/misc.tsx'
+import { cn } from '#app/utils/misc.tsx'
 
 const buttonVariants = cva(
 	'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',

app/components/ui/checkbox.tsx

@@ -1,7 +1,7 @@
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
 import * as React from 'react'
 
-import { cn } from '../../utils/misc.tsx'
+import { cn } from '#app/utils/misc.tsx'
 
 export type CheckboxProps = Omit<
 	React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,

app/components/ui/dropdown-menu.tsx

@@ -1,7 +1,7 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
 import * as React from 'react'
 
-import { cn } from '../../utils/misc.tsx'
+import { cn } from '#app/utils/misc.tsx'
 
 const DropdownMenu = DropdownMenuPrimitive.Root
 

app/components/ui/icon.tsx

@@ -1,6 +1,6 @@
 import { type SVGProps } from 'react'
+import { cn } from '#app/utils/misc.tsx'
 import { type IconName } from '@/icon-name'
-import { cn } from '../../utils/misc.tsx'
 import href from './icons/sprite.svg'
 
 export { href }

app/components/ui/input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { cn } from '../../utils/misc.tsx'
+import { cn } from '#app/utils/misc.tsx'
 
 export interface InputProps
 	extends React.InputHTMLAttributes<HTMLInputElement> {}

app/components/ui/label.tsx

@@ -2,7 +2,7 @@ import * as LabelPrimitive from '@radix-ui/react-label'
 import { cva, type VariantProps } from 'class-variance-authority'
 import * as React from 'react'
 
-import { cn } from '../../utils/misc.tsx'
+import { cn } from '#app/utils/misc.tsx'
 
 const labelVariants = cva(
 	'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',