diff --git a/play/.gitignore b/play/.gitignore
deleted file mode 100644
index 65a7d0588f..0000000000
--- a/play/.gitignore
+++ /dev/null
@@ -1 +0,0 @@
-*.vue
diff --git a/play/play.example b/play/app.example
similarity index 100%
rename from play/play.example
rename to play/app.example
diff --git a/play/main.ts b/play/main.ts
index 3e9bd52e6d..305d2f85bc 100644
--- a/play/main.ts
+++ b/play/main.ts
@@ -1,8 +1,8 @@
 import { createApp } from 'vue'
-import Play from './play.vue'
+import App from './src/App.vue'
 
 import '@element-plus/theme-chalk/src/index.scss'
 
-const app = createApp(Play)
+const app = createApp(App)
 
 app.mount('#play')
diff --git a/play/src/.gitignore b/play/src/.gitignore
new file mode 100644
index 0000000000..d6b7ef32c8
--- /dev/null
+++ b/play/src/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/play/vite.init.ts b/play/vite.init.ts
index 4ee4d5fb79..9f313862d1 100644
--- a/play/vite.init.ts
+++ b/play/vite.init.ts
@@ -1,8 +1,8 @@
 import { existsSync, writeFileSync, readFileSync } from 'fs'
 
-const play = 'play.vue'
-const example = 'play.example'
+const app = 'src/App.vue'
+const example = 'app.example'
 
-if (!existsSync(play)) {
-  writeFileSync(play, readFileSync(example))
+if (!existsSync(app)) {
+  writeFileSync(app, readFileSync(example))
 }