feat: enable type-aware linting and fix tooltip formatter types

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Boshen

apps/dashboard/vite.config.ts

@@ -6,9 +6,6 @@ import { defineConfig } from "vite-plus";
 export default defineConfig({
   plugins: [tailwindcss()],
   base: "/vibe-dashboard/",
-  experimental: {
-    enableNativePlugin: true,
-  },
   build: {
     rolldownOptions: {
       output: {

packages/utils/src/rolldown-formatters.ts

@@ -10,9 +10,18 @@ export const formatDate = (dateString: string): string => {
   });
 };
 
-export const bundleSizeDiffTooltipFormatter = (value: any, name: string, props: any) => {
-  const data = props.payload;
-  if (!data) return [value, name];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- recharts Formatter type uses `any` for payload
+type TooltipFormatter = (
+  value: any,
+  name: any,
+  item: any,
+  index: number,
+  payload: any,
+) => [string, string];
+
+export const bundleSizeDiffTooltipFormatter: TooltipFormatter = (value, _name, item) => {
+  const data = item.payload;
+  if (!data) return [String(value), ""];
 
   const publicationDateText = data.publicationDate
     ? ` | Published: ${formatDate(data.publicationDate)}`
@@ -32,9 +41,9 @@ export const bundleSizeDiffTooltipFormatter = (value: any, name: string, props:
   return [`${changeText} ${fromTo}${publicationDateText}`, "Size Change"];
 };
 
-export const buildTimeTooltipFormatter = (value: any, name: string, props: any) => {
-  const data = props.payload;
-  if (!data) return [value, name];
+export const buildTimeTooltipFormatter: TooltipFormatter = (value, _name, item) => {
+  const data = item.payload;
+  if (!data) return [String(value), ""];
 
   const publicationDateText = data.publicationDate
     ? ` | Published: ${formatDate(data.publicationDate)}`

vite.config.ts

@@ -17,6 +17,10 @@ export default defineConfig({
       "import/no-unassigned-import": ["error", { allow: ["**/*.css"] }],
     },
     ignorePatterns: ["dist"],
+    options: {
+      typeCheck: true,
+      typeAware: true,
+    },
   },
   test: {
     projects: ["apps/dashboard"],