chore: fix typo and update playground

Author: webfansplz

packages/applet/src/components/state/StateFieldViewer.vue

@@ -136,7 +136,7 @@ watch(() => editing.value, (v) => {
   }
 })
 
-async async function submit() {
+async function submit() {
   const data = props.data
   await rpc.value.editInspectorState({
     path: normalizedPath.value,

packages/playground/applet/src/App.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { Components } from '@vue/devtools-applet'
 import '@vue/devtools-applet/style.css'
 import { DevToolsMessagingEvents, functions, onRpcConnected, rpc } from '@vue/devtools-core'
 import { createRpcClient } from '@vue/devtools-kit'
+import { Components } from '@vue/devtools-applet'
 import { useDark } from '@vueuse/core'
 import { useCounterStore } from './stores'
-import Hello from './components/Hello.vue'
-import Tres from './components/Tres.vue'
+// import Tres from './components/Tres.vue'
+// import Hello from './components/Hello.vue'
 
 const isDark = useDark()
 // user app
@@ -38,12 +38,12 @@ function initVueDevToolsState() {
 }
 
 onRpcConnected(() => {
-  // initVueDevToolsState()
+  initVueDevToolsState()
 })
 </script>
 
 <template>
-  <!-- <div class="h-screen w-screen flex flex-col items-center justify-center">
+  <div class="h-screen w-screen flex flex-col items-center justify-center">
     <div i-carbon-sun dark:i-carbon-moon translate-y--1px @click="isDark = !isDark" />
 
     <div select-none>
@@ -57,6 +57,7 @@ onRpcConnected(() => {
         Connecting...
       </div>
     </div>
-  </div> -->
-  <Tres />
+  </div>
+  <!-- <Hello /> -->
+  <!-- <Tres /> -->
 </template>