pack: add jsx support and remove babel modules

.babelrc

@@ -1,27 +0,0 @@
-{
-  "comments": false,
-  "env": {
-    "main": {
-      "presets": [
-        ["@babel/preset-env", {
-          "targets": { "node": 17 }
-        }]
-      ]
-    },
-    "renderer": {
-      "presets": [
-        ["@babel/preset-env", {
-          "modules": false
-        }]
-      ]
-    },
-    "web": {
-      "presets": [
-        ["@babel/preset-env", {
-          "modules": false
-        }]
-      ]
-    }
-  },
-  "plugins": ["@vue/babel-plugin-jsx", "@babel/plugin-transform-runtime"]
-}

.eslintrc.json

@@ -2,7 +2,6 @@
   "root": true,
   "parser": "vue-eslint-parser",
   "parserOptions": {
-    "parser": "@babel/eslint-parser",
     "sourceType": "module",
     "ecmaVersion": 2020,
     "ecmaFeatures": {

README.md

@@ -53,7 +53,6 @@ https://github.com/jooy2/vutron-webpack
 - [Vue-router 4.x](https://router.vuejs.org)
 - [Pinia 2.x](https://pinia.vuejs.org)
 - [Vuetify 3.x (Beta)](https://next.vuetifyjs.com)
-- [BabelJS 7.x](https://babeljs.io)
 - [ESLint 8.x](https://eslint.org)
 
 ## Installation

package.json

@@ -28,12 +28,8 @@
     "vuetify": "^3.0.0-beta.13"
   },
   "devDependencies": {
-    "@babel/core": "^7.19.1",
-    "@babel/eslint-parser": "^7.19.1",
-    "@babel/plugin-transform-runtime": "^7.19.1",
-    "@babel/preset-env": "^7.19.1",
     "@vitejs/plugin-vue": "^3.1.2",
-    "@vue/babel-plugin-jsx": "^1.1.1",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
     "cross-env": "^7.0.3",
     "electron": "^21.0.0",
     "electron-builder": "^23.3.3",

src/renderer/screens/MainScreen.vue

@@ -6,6 +6,10 @@ import Utils from '@/renderer/utils'
 const { locale } = useI18n()
 const theme = useTheme()
 
+const jsxNode = () => {
+  return <div> text </div>
+}
+
 const handleChangeTheme = () => {
   theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
 }
@@ -29,6 +33,7 @@ const handleAbout = async () => {
       align="center"
       class="text-center"
     >
+      <jsxNode />
       <v-col cols="12">
         <img
           alt="logo"

vite.config.js

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite'
 import electron from 'vite-plugin-electron'
+import vueJsx from '@vitejs/plugin-vue-jsx'
 import vue from '@vitejs/plugin-vue'
 import { resolve, join } from 'path'
 import { builtinModules } from 'module'
@@ -31,6 +32,7 @@ export default defineConfig({
   },
   plugins: [
     vue(),
+    vueJsx(),
     electron({
       main: {
         entry: 'src/main/index.js',