Объясните `tsconfig` глубоко: что это, как работает и когда применять.

// A sane modern app (Vite / bundler owns the build; tsc only type-checks)
{
  "compilerOptions": {
    "target": "ES2022",
    "lib": ["ES2022", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "moduleResolution": "bundler",   // extension-less, bundler-style
    "strict": true,
    "noUncheckedIndexedAccess": true, // strict doesn't include this — add it
    "verbatimModuleSyntax": true,     // explicit type-only imports
    "skipLibCheck": true,
    "noEmit": true,                   // Vite emits, not tsc
    "jsx": "react-jsx",
    "baseUrl": ".",
    "paths": { "@/*": ["src/*"] }     // ⚠ mirror this alias in vite.config
  },
  "include": ["src"]
}

// A publishable library — tsc DOES emit, and must ship declarations
{
  "compilerOptions": {
    "target": "ES2020",
    "module": "NodeNext",
    "moduleResolution": "NodeNext",
    "declaration": true,     // ship .d.ts
    "declarationMap": true,  // go-to-definition into source for consumers
    "sourceMap": true,
    "outDir": "dist",
    "strict": true
  },
  "include": ["src"]
}