feat(compiler-sfc): <script setup> defineProps destructure transform (#4690)

packages/sfc-playground/package.json

@@ -12,7 +12,7 @@
     "vite": "^2.5.10"
   },
   "dependencies": {
-    "@vue/repl": "^0.4.1",
+    "@vue/repl": "^0.4.2",
     "file-saver": "^2.0.5",
     "jszip": "^3.6.0"
   }

packages/sfc-playground/src/App.vue

@@ -16,13 +16,27 @@ const store = new ReplStore({
     : `${location.origin}/src/vue-dev-proxy`
 })
 
+// enable experimental features
+const sfcOptions = {
+  script: {
+    refTransform: true,
+    propsDestructureTransform: true
+  }
+}
+
 // persist state
 watchEffect(() => history.replaceState({}, '', store.serialize()))
 </script>
 
 <template>
   <Header :store="store" />
-  <Repl :store="store" :showCompileOutput="true" :autoResize="true" />
+  <Repl
+    :store="store"
+    :showCompileOutput="true"
+    :autoResize="true"
+    :sfcOptions="sfcOptions"
+    :clearConsole="false"
+  />
 </template>
 
 <style>