fix: Update HTML and update Vue3 example

Marinerer · Marinerer · commit 65f1adfe4f99 · 2024-12-23T14:47:13.000+08:00
diff --git a/examples/html/index.html b/examples/html/index.html
@@ -1,24 +1,27 @@
 <!doctype html>
 <html lang="zh-CN">
-	<head>
-		<meta charset="UTF-8" />
-		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
-		<meta name="renderer" content="webkit" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<meta name="format-detection" content="telphone=no" />
-		<title><title>unity-webgl demo</title></title>
-		<meta name="description" content="" />
-		<meta name="keywords" content="" />
-	</head>
-	<body>
-		<div>
-			<canvas id="canvas" style="width: 800px; height: 600px"></canvas>
 
-			<div>
-				<button onclick="sendMessage()">postMessage</button>
-				<button onclick="onFullscreen()">Fullscreen</button>
-			</div>
+<head>
+	<meta charset="UTF-8" />
+	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
+	<meta name="renderer" content="webkit" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta name="format-detection" content="telphone=no" />
+	<title>unity-webgl demo</title>
+	<meta name="description" content="" />
+	<meta name="keywords" content="" />
+</head>
+
+<body>
+	<div>
+		<canvas id="canvas" style="width: 800px; height: 600px"></canvas>
+
+		<div>
+			<button onclick="sendMessage()">postMessage</button>
+			<button onclick="onFullscreen()">Fullscreen</button>
 		</div>
-	</body>
-	<script src="main.js" type="module"></script>
-</html>
+	</div>
+</body>
+<script src="main.js" type="module"></script>
+
+</html>
diff --git a/examples/vue2/vite.config.js b/examples/vue2/vite.config.js
@@ -1,9 +1,25 @@
+import { fileURLToPath, URL } from 'node:url'
+
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
-import vue from '@vitejs/plugin-vue2'
+import vue2 from '@vitejs/plugin-vue2'
+// import vue2Jsx from '@vitejs/plugin-vue2-jsx'
 
+// https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [vue(), legacy()],
+	plugins: [
+		vue2(),
+		// vue2Jsx(),
+		legacy({
+			targets: ['ie >= 11'],
+			additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
+		}),
+	],
+	resolve: {
+		alias: {
+			'@': fileURLToPath(new URL('./src', import.meta.url)),
+		},
+	},
 	server: {
 		port: 3020,
 	},
diff --git a/examples/vue3/main.js b/examples/vue3/main.js
@@ -1,6 +1,4 @@
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 
-new Vue({
-	render: (h) => h(App),
-}).$mount('#app')
+createApp(App).mount('#app')
