diff --git a/.codesandbox/ci.json b/.codesandbox/ci.json
index a2185b8a558..5bc7e29a166 100644
--- a/.codesandbox/ci.json
+++ b/.codesandbox/ci.json
@@ -1,3 +1,3 @@
 {
-  "sandboxes": ["0d335"]
+  "sandboxes": ["qeu9j"]
 }
diff --git a/docs/pages/play.vue b/docs/pages/play.vue
index ecbe7a1036f..b2b43a41ef9 100644
--- a/docs/pages/play.vue
+++ b/docs/pages/play.vue
@@ -491,17 +491,24 @@ export default {
         '',
         "new Vue({ el: '#app', render: h => h(App) })"
       ].join('\r\n')
+      const scripts = {
+        serve: 'vue-cli-service serve',
+        build: 'vue-cli-service build'
+      }
       const dependencies = {
         bootstrap: bootstrapVersion,
         'bootstrap-vue': bootstrapVueVersion,
         vue: vueVersion
       }
+      const devDependencies = {
+        '@vue/cli-service': '^4.3.0'
+      }
       return getCodeSandboxParameters({
         files: {
           'App.vue': { content: vueContent },
           'index.html': { content: htmlContent },
           'index.js': { content: jsContent },
-          'package.json': { content: { dependencies } }
+          'package.json': { content: { scripts, dependencies, devDependencies } }
         }
       })
     },