feat: support Vue JSX

Author: cwandev

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+stats.html
 
 # Editor directories and files
 .vscode

components.d.ts

@@ -5,11 +5,9 @@ import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    VanButton: typeof import('vant/es')['Button']
     VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanConfigProvider: typeof import('vant/es')['ConfigProvider']
-    VanIcon: typeof import('vant/es')['Icon']
     VanNavBar: typeof import('vant/es')['NavBar']
     VanSwitch: typeof import('vant/es')['Switch']
     VanTag: typeof import('vant/es')['Tag']

package.json

@@ -29,6 +29,7 @@
     "@typescript-eslint/eslint-plugin": "^5.27.1",
     "@typescript-eslint/parser": "^5.27.1",
     "@vitejs/plugin-vue": "^2.3.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
     "@vue/eslint-config-typescript": "^10.0.0",
     "autoprefixer": "^10.4.7",
     "consola": "^2.15.3",
@@ -42,7 +43,8 @@
     "mockjs": "^1.1.0",
     "plop": "^3.1.0",
     "postcss-px-to-viewport-8-plugin": "^1.1.3",
-    "typescript": "4.7.3",
+    "rollup-plugin-visualizer": "^5.6.0",
+    "typescript": "^4.7.3",
     "umi-mock-middleware2": "^1.0.2",
     "unplugin-vue-components": "^0.19.6",
     "vite": "^2.9.9",

src/views/index.vue

@@ -3,7 +3,7 @@
     <van-cell-group inset>
       <van-cell center title="暗黑模式">
         <template #right-icon>
-          <van-switch v-model="checked" size="20px" />
+          <van-switch v-model="checked" size="18px" />
         </template>
       </van-cell>
 

vite.config.ts

@@ -1,10 +1,12 @@
-import type { ConfigEnv, UserConfig } from 'vite'
 import { loadEnv } from 'vite'
-import path from 'path'
 import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import type { ConfigEnv, UserConfig } from 'vite'
+import { visualizer } from 'rollup-plugin-visualizer'
 import Components from 'unplugin-vue-components/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
 import createMockServer from './build/mockServer'
+import path from 'path'
 
 // https://vitejs.dev/config/
 export default ({ mode }: ConfigEnv): UserConfig => {
@@ -22,6 +24,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
         // https://github.com/vuejs/rfcs/discussions/369.
         // reactivityTransform: true
       }),
+      vueJsx(),
+      visualizer(),
       Components({
         dts: true,
         resolvers: [VantResolver()],