chore(jsx): add jsx plugin

Author: Zcating

devui/button/button.tsx

@@ -7,10 +7,10 @@ export type IButtonSize = 'lg' | 'md' | 'sm' | 'xs';
 
 import './button.scss';
 
-export const Button = defineComponent({
+export default defineComponent({
   props: {
     id: {
-      
+      type: [String, Number]
     },
     type: {
       type: String as () => IButtonType,

package.json

@@ -17,6 +17,7 @@
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
     "@vitejs/plugin-vue": "^1.0.4",
+    "@vitejs/plugin-vue-jsx": "^1.1.0",
     "@vue/compiler-sfc": "^3.0.5",
     "@vuedx/typecheck": "^0.4.1",
     "@vuedx/typescript-plugin-vue": "^0.4.1",

src/app.vue

@@ -102,7 +102,7 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
 import AppContent from './components/app-content.vue'
-import DevUIButton from '../devui/button/button.vue'
+import DevUIButton from '../devui/button/button'
 
 export default defineComponent({
   name: 'App',

vite.config.ts

@@ -1,6 +1,10 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import vueJsx from '@vitejs/plugin-vue-jsx';
 
 export default defineConfig({
-  plugins: [vue()]
+  plugins: [
+    vue(), 
+    vueJsx({})
+  ],
 })