chore: use actual production build for playground build and preview

Author: yyx990803

playground/package.json

@@ -4,15 +4,16 @@
   "type": "module",
   "scripts": {
     "dev": "node ./setup/vite.js",
-    "build": "node ./setup/vite.js build",
-    "preview": "node ./setup/vite.js preview"
+    "build": "vite build -c vite.prod.config.ts",
+    "preview": "vite preview -c vite.prod.config.ts"
   },
   "dependencies": {
     "@vueuse/core": "^11.1.0",
     "vue": "workspace:*"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "https://pkg.pr.new/@vitejs/plugin-vue@481bcd4",
+    "@vue/compiler-sfc": "workspace:*",
     "vite": "catalog:",
     "vite-hyper-config": "^0.4.0",
     "vite-plugin-inspect": "^0.8.7"

playground/vite.prod.config.ts

@@ -0,0 +1,21 @@
+import { defineConfig } from 'vite'
+import Vue from '@vitejs/plugin-vue'
+import * as CompilerSFC from '@vue/compiler-sfc'
+
+export default defineConfig({
+  build: {
+    target: 'esnext',
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        pure_getters: true,
+      },
+    },
+  },
+  clearScreen: false,
+  plugins: [
+    Vue({
+      compiler: CompilerSFC,
+    }),
+  ],
+})