From 187173009238dd327d122da0edc616b62fbff00c Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Thu, 28 Jan 2021 22:22:17 +1100
Subject: [PATCH 1/2] chore(example): adding example for setup api

---
 examples/vue3/src/App.vue                     | 15 +++++++++++++++
 examples/vue3/src/ui/NestedSetupComponent.vue | 10 ++++++++++
 examples/vue3/src/ui/SetupComponent.vue       | 14 ++++++++++++++
 3 files changed, 39 insertions(+)
 create mode 100644 examples/vue3/src/ui/NestedSetupComponent.vue
 create mode 100644 examples/vue3/src/ui/SetupComponent.vue

diff --git a/examples/vue3/src/App.vue b/examples/vue3/src/App.vue
index 78f73c5..cb16faa 100644
--- a/examples/vue3/src/App.vue
+++ b/examples/vue3/src/App.vue
@@ -57,6 +57,15 @@
       </td>
     </tr>
 
+    <tr>
+      <td>
+        <code>SetupComponent.vue</code>
+      </td>
+      <td>
+        <SetupComponent/>
+      </td>
+    </tr>
+
   </table>
 </template>
 
@@ -70,3 +79,9 @@
   margin-top: 60px;
 }
 </style>
+<script>
+import SetupComponent from "@/ui/SetupComponent";
+export default {
+  components: { SetupComponent }
+}
+</script>
diff --git a/examples/vue3/src/ui/NestedSetupComponent.vue b/examples/vue3/src/ui/NestedSetupComponent.vue
new file mode 100644
index 0000000..a1d712c
--- /dev/null
+++ b/examples/vue3/src/ui/NestedSetupComponent.vue
@@ -0,0 +1,10 @@
+<template>
+  <div class="hello">
+    <h1>Hello {{ name }}</h1>
+  </div>
+</template>
+
+<script setup="props">
+import { defineProps } from 'vue'
+const props = defineProps({ name: String })
+</script>
diff --git a/examples/vue3/src/ui/SetupComponent.vue b/examples/vue3/src/ui/SetupComponent.vue
new file mode 100644
index 0000000..d921443
--- /dev/null
+++ b/examples/vue3/src/ui/SetupComponent.vue
@@ -0,0 +1,14 @@
+<template>
+<div class="hello">
+  <button @click="inc">
+    <NestedSetupComponent :name="count">Hello</NestedSetupComponent>
+  </button>
+</div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+const count = ref(0)
+const inc = () => count.value++
+</script>

From 6befcab717c4245104aa2f3977128e311092e7ca Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Thu, 28 Jan 2021 22:23:47 +1100
Subject: [PATCH 2/2] remove auto script

---
 examples/vue3/src/App.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/examples/vue3/src/App.vue b/examples/vue3/src/App.vue
index cb16faa..d21fb09 100644
--- a/examples/vue3/src/App.vue
+++ b/examples/vue3/src/App.vue
@@ -79,9 +79,3 @@
   margin-top: 60px;
 }
 </style>
-<script>
-import SetupComponent from "@/ui/SetupComponent";
-export default {
-  components: { SetupComponent }
-}
-</script>