diff --git a/package.json b/package.json
index 7dc6ed5454..3c55dd6edd 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
     "docs:gen-locale": "rimraf docs/.vitepress/i18n && esno build/crowdin-generate.ts",
     "docs:crowdin": "esno build/crowdin-credentials.ts",
     "prepare": "husky install",
-    "postinstall": "yarn gen:version && cp play/play.example play/play.vue"
+    "postinstall": "yarn gen:version"
   },
   "config": {
     "commitizen": {
diff --git a/play/vite.config.js b/play/vite.config.ts
similarity index 85%
rename from play/vite.config.js
rename to play/vite.config.ts
index c40aa3c361..707ad705cf 100644
--- a/play/vite.config.js
+++ b/play/vite.config.ts
@@ -1,3 +1,4 @@
+import './vite.init'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
diff --git a/play/vite.init.ts b/play/vite.init.ts
new file mode 100644
index 0000000000..4ee4d5fb79
--- /dev/null
+++ b/play/vite.init.ts
@@ -0,0 +1,8 @@
+import { existsSync, writeFileSync, readFileSync } from 'fs'
+
+const play = 'play.vue'
+const example = 'play.example'
+
+if (!existsSync(play)) {
+  writeFileSync(play, readFileSync(example))
+}