refactor: update client type usage

BREAKING CHANGE: client types are now exposed under `vite/client.d.ts`.
It can now be included via the following `tsconfig.json`:

    ```ts
    {
      "compilerOptions": {
        "types": ["vite/client"]
      }
    }
    ```

Author: yyx990803

docs/guide/features.md

@@ -32,12 +32,16 @@ Vite uses [esbuild](https://github.com/evanw/esbuild) to transpile TypeScript in
 
 Note that because `esbuild` only performs transpilation without type information, it doesn't support certain features like const enum and implicit type-only imports. You must set `"isolatedModules": true` in your `tsconfig.json` under `compilerOptions` so that TS will warn you against the features that do not work with isolated transpilation.
 
-### Client Type Shims
+### Client Types
 
-Vite's default types are for its Node.js API. To shim the environment of client side code in a Vite application, add a `shim.d.ts` file in your project with the following:
+Vite's default types are for its Node.js API. To shim the environment of client side code in a Vite application, add `vite/client` to `compilerOptions.types` of your `tsconfig`:
 
-```ts
-import 'vite/env'
+```json
+{
+  "compilerOptions": {
+    "types": ["vite/client"]
+  }
+}
 ```
 
 This will provide the following type shims:

packages/create-app/template-react-ts/src/shim.d.ts

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "types": [],
+    "types": ["vite/client"],
     "allowJs": false,
     "skipLibCheck": false,
     "esModuleInterop": false,
@@ -16,5 +16,5 @@
     "noEmit": true,
     "jsx": "react"
   },
-  "include": ["src"]
+  "include": ["./src"]
 }

packages/create-app/template-react-ts/tsconfig.json

@@ -7,6 +7,7 @@
     "jsx": "preserve",
     "sourceMap": true,
     "lib": ["esnext", "dom"],
+    "types": ["vite/client"],
     "plugins": [{ "name": "@vuedx/typescript-plugin-vue" }]
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]

packages/create-app/template-vue-ts/src/shim.d.ts

@@ -12,7 +12,7 @@
   "files": [
     "bin",
     "dist",
-    "env.d.ts"
+    "client.d.ts"
   ],
   "engines": {
     "node": ">=12.0.0"