[6.x] tsconfig (#13130)

Author: jasonvarga

package-lock.json

@@ -106,6 +106,7 @@
     "tailwindcss": "^4.1.8",
     "typescript": "^5.9.2",
     "vite": "^7.0.4",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.0.12",
     "vitest-browser-vue": "^2.0.1",
     "vue-component-debug": "^0.1.0",

package.json

@@ -0,0 +1,22 @@
+{
+    "compilerOptions": {
+        "moduleResolution": "bundler",
+        "target": "ESNext",
+        "module": "ESNext",
+        "strict": false,
+        "skipLibCheck": true,
+        "allowJs": true,
+        "noEmit": true,
+        "isolatedModules": true,
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["resources/js/*"],
+            "@ui": ["resources/js/components/ui"],
+            "@ui/*": ["resources/js/components/ui/*"],
+            "@api": ["resources/js/api.js"],
+            "@statamic/cms/*": ["packages/cms/src/*"]
+        }
+    },
+    "include": ["resources/js/**/*"],
+    "exclude": ["node_modules", "resources/dist", "resources/dist-dev"]
+}

tsconfig.json

@@ -6,6 +6,7 @@ import { visualizer } from 'rollup-plugin-visualizer';
 import svgLoader from 'vite-svg-loader';
 import path from 'path';
 import { playwright } from '@vitest/browser-playwright';
+import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig(({ mode, command }) => {
     const env = loadEnv(mode, process.cwd(), '');
@@ -21,6 +22,7 @@ export default defineConfig(({ mode, command }) => {
             }
         },
         plugins: [
+            tsconfigPaths(),
             tailwindcss(),
             laravel({
                 valetTls: env.VALET_TLS,
@@ -38,10 +40,6 @@ export default defineConfig(({ mode, command }) => {
         resolve: {
             alias: {
                 vue: 'vue/dist/vue.esm-bundler.js',
-                '@': path.resolve(__dirname, 'resources/js'),
-                '@ui': path.resolve(__dirname, 'resources/js/components/ui'),
-                '@api': path.resolve(__dirname, 'resources/js/api.js'),
-                '@statamic/cms': path.resolve(__dirname, 'packages/cms/src'),
             },
         },
         build: {