Split out specific framework examples (#559)

* rename kitchen sink, pull out react example

* split out the rest of the examples

* align versions

Co-authored-by: Austin Crim <crim.austin@principal.com>

1 files changed, 27 insertions, 0 deletions

diff --git a/examples/with-multiple-frameworks/src/components/VueCounter.vue b/examples/with-multiple-frameworks/src/components/VueCounter.vue
new file mode 100644
index 000000000..8179fb1d9
--- /dev/null
+++ b/examples/with-multiple-frameworks/src/components/VueCounter.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="counter">
+      <button @click="subtract()">-</button>
+      <pre>{{ count }}</pre>
+      <button @click="add()">+</button>
+  </div>
+  <div class="children">
+      <slot />
+  </div>
+</template>
+
+<script>
+import { ref } from 'vue';
+export default {
+  setup() {
+    const count = ref(0)
+    const add = () => count.value = count.value + 1;
+    const subtract = () => count.value = count.value - 1;
+
+    return {
+      count,
+      add,
+      subtract
+    }
+  }
+}
+</script>