Update example tsconfig (#3107)

examples/basics/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/blog-multiple-authors/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/blog/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/docs/tsconfig.json

@@ -1,8 +1,15 @@
 {
   "compilerOptions": {
-    "target": "es2020",
+    // Enable top-level await, and other modern ESM features.
-    "module": "esnext",
+    "target": "ESNext",
-    "jsx": "preserve"
+    "module": "ESNext",
-  },
+    // Enable node-style module resolution, for things like npm package imports.
-  "moduleResolution": "node"
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
+  }
 }

examples/env-vars/tsconfig.json

@@ -1,6 +1,15 @@
 {
   "compilerOptions": {
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
     "moduleResolution": "node",
-    "module": "ES2020"
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-alpine/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-lit/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-multiple/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-preact/tsconfig.json

@@ -1,5 +1,18 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Preact specific settings
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-react/package.json

@@ -13,6 +13,8 @@
     "astro": "^1.0.0-beta.19"
   },
   "dependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   }

examples/framework-react/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-solid/tsconfig.json

@@ -1,5 +1,18 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Solid specific settings
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js",
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-svelte/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/framework-vue/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/integrations-playground/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/minimal/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/non-html-pages/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/portfolio/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/ssr/tsconfig.json

@@ -1,9 +1,15 @@
 {
   "compilerOptions": {
-    "lib": ["ES2015", "DOM"],
+    // Enable top-level await, and other modern ESM features.
-    "module": "ES2022",
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
     "moduleResolution": "node",
+    // Enable JSON imports.
     "resolveJsonModule": true,
-    "types": ["astro/env"]
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/starter/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/subpath/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-markdown-plugins/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-markdown-shiki/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-markdown/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-nanostores/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-tailwindcss/tsconfig.json

@@ -1,5 +1,15 @@
 {
   "compilerOptions": {
-    "moduleResolution": "node"
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
   }
 }

examples/with-vite-plugin-pwa/tsconfig.json

@@ -1,3 +1,15 @@
 {
-  "include": ["src/**/*.ts"]
+  "compilerOptions": {
+    // Enable top-level await, and other modern ESM features.
+    "target": "ESNext",
+    "module": "ESNext",
+    // Enable node-style module resolution, for things like npm package imports.
+    "moduleResolution": "node",
+    // Enable JSON imports.
+    "resolveJsonModule": true,
+    // Enable stricter transpilation for better output.
+    "isolatedModules": true,
+    // Add type definitions for our Vite runtime.
+    "types": ["vite/client"]
+  }
 }

pnpm-lock.yaml

@@ -192,10 +192,14 @@ importers:
   examples/framework-react:
     specifiers:
       '@astrojs/react': ^0.1.1
+      '@types/react': ^18.0.0
+      '@types/react-dom': ^18.0.0
       astro: ^1.0.0-beta.19
       react: ^18.0.0
       react-dom: ^18.0.0
     dependencies:
+      '@types/react': 18.0.6
+      '@types/react-dom': 18.0.2
       react: 18.0.0
       react-dom: 18.0.0_react@18.0.0
     devDependencies:
@@ -4017,6 +4021,12 @@ packages:
       '@types/react': 17.0.44
     dev: true
 
+  /@types/react-dom/18.0.2:
+    resolution: {integrity: sha512-UxeS+Wtj5bvLRREz9tIgsK4ntCuLDo0EcAcACgw3E+9wE8ePDr9uQpq53MfcyxyIS55xJ+0B6mDS8c4qkkHLBg==}
+    dependencies:
+      '@types/react': 18.0.6
+    dev: false
+
   /@types/react/17.0.44:
     resolution: {integrity: sha512-Ye0nlw09GeMp2Suh8qoOv0odfgCoowfM/9MG6WeRD60Gq9wS90bdkdRtYbRkNhXOpG4H+YXGvj4wOWhAC0LJ1g==}
     dependencies:
@@ -4024,6 +4034,14 @@ packages:
       '@types/scheduler': 0.16.2
       csstype: 3.0.11
 
+  /@types/react/18.0.6:
+    resolution: {integrity: sha512-bPqwzJRzKtfI0mVYr5R+1o9BOE8UEXefwc1LwcBtfnaAn6OoqMhLa/91VA8aeWfDPJt1kHvYKI8RHcQybZLHHA==}
+    dependencies:
+      '@types/prop-types': 15.7.5
+      '@types/scheduler': 0.16.2
+      csstype: 3.0.11
+    dev: false
+
   /@types/resolve/1.17.1:
     resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==}
     dependencies: