chore: update playground

Author: antfu

playground/HelloWorld.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
-const props = defineProps<{ msg: string }>()
+defineProps<{ msg: string }>()
 const emit = defineEmits(['update'])
 
-const count = ref(0)
-const doubled = computed(() => count.value * 2)
-
 function inc() {
   count.value += 1
 }
@@ -14,7 +11,6 @@ function dec() {
 }
 
 const decText = '<b>Dec</b>'
-
 watch(count, value => emit('update', value))
 </script>
 
@@ -24,7 +20,7 @@ watch(count, value => emit('update', value))
     <button @click="inc">
       Inc
     </button>
-    <div>{{ count }} x 2 = {{ doubled }}</div>
+    <div>{{ doubled / 2 }} x 2 = {{ doubled }}</div>
     <button @click="dec()" v-html="decText" />
   </div>
 </template>

playground/composables/foo.ts

@@ -3,3 +3,6 @@ export function useFoo() {
 }
 
 export const FOOBAR = 'auto import in Vue template'
+
+export const count = ref(0)
+export const doubled = computed(() => count.value * 2)

tsconfig.json

@@ -6,6 +6,7 @@
     "moduleResolution": "node",
     "esModuleInterop": true,
     "strict": true,
+    "jsx": "preserve",
     "strictNullChecks": true,
     "resolveJsonModule": true
   }