chore: update playground

Author: zhiyuanzmj

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Anthony Fu <https://github.com/zhiyuanzmj>
+Copyright (c) 2021 zhiyuanzmj <https://github.com/zhiyuanzmj>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

playground/slot.vue

@@ -1,15 +1,36 @@
 <script lang="tsx">
-import { defineComponent } from 'vue'
+import { defineComponent, ref } from 'vue'
 
 const Comp = (props, { slots }) => (
-  <>{slots.default ? <slots.default /> : <div>default slot</div>}</>
+  <>
+    {slots.default ? (
+      <slots.default foo={props.foo} />
+    ) : (
+      <div>default slot</div>
+    )}
+  </>
 )
 
-let slots = { default: () => <div>foo</div> }
+let slots = {
+  default: (scope) => <div>{scope.foo}</div>,
+}
 
 export default defineComponent({
   setup(props) {
-    return <Comp v-slots={slots}></Comp>
+    const foo = ref('foo')
+    return (
+      <>
+        <input
+          value={foo.value}
+          onInput={(e) => (foo.value = e.target.value)}
+        />
+        <Comp v-slots={slots} foo={foo.value} />
+        <Comp
+          v-slots={{ default: ({ foo }) => <div>{foo}</div> }}
+          foo={foo.value}
+        />
+      </>
+    )
   },
 })
 </script>