Sort your import statements by length in ascending order - creating a beautiful ladder effect! 🪜
Command Palette
Open Command Palette (Ctrl+Shift+P)
Type "Sort Imports (Ladder Style)"
Press Enter
Example
Before:
import useSearchParams from "@/hooks/use-search-params";
import { Plus } from "lucide-react";
import React, { useCallback, useState } from "react";
import { ColumnDef } from "@tanstack/react-table";
After:
import { Plus } from "lucide-react";
import { ColumnDef } from "@tanstack/react-table";
import React, { useCallback, useState } from "react";
import useSearchParams from "@/hooks/use-search-params";