From 3c26035f535d4e54a60fde871a75fb4371ccdbe8 Mon Sep 17 00:00:00 2001
From: Austin Crim <aust.crim@gmail.com>
Date: Mon, 28 Jun 2021 07:02:59 -0500
Subject: 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>
---
 .../src/components/VueCounter.vue                  | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 examples/with-multiple-frameworks/src/components/VueCounter.vue

(limited to 'examples/with-multiple-frameworks/src/components/VueCounter.vue')

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>
-- 
cgit v1.2.3

