From 7063c04dec48fcabcda104c42d61642a554f6044 Mon Sep 17 00:00:00 2001
From: Nate Moore <natemoo-re@users.noreply.github.com>
Date: Mon, 28 Jun 2021 10:46:10 -0500
Subject: Restructure examples (#568)

* rename kitchen sink, pull out react example

* split out the rest of the examples

* align versions

* chore: rename examples

* chore: normalize gitignore

* chore: update package versions

* chore: move framework examples to `framework` namespace

* docs: add README to examples

Co-authored-by: Austin Crim <crim.austin@principal.com>
---
 examples/framework-vue/src/components/Counter.vue | 27 +++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 examples/framework-vue/src/components/Counter.vue

(limited to 'examples/framework-vue/src/components/Counter.vue')

diff --git a/examples/framework-vue/src/components/Counter.vue b/examples/framework-vue/src/components/Counter.vue
new file mode 100644
index 000000000..8179fb1d9
--- /dev/null
+++ b/examples/framework-vue/src/components/Counter.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

