From aff52325a2c9bf3a23c5e0d84c5a241c453f6b54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 5 Mar 2020 09:24:30 +0100
Subject: [PATCH] add more demos

---
 content/posts/test.md     | 14 +++++++++++++-
 src/demos/Basic/index.vue | 18 ++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 src/demos/Basic/index.vue

diff --git a/content/posts/test.md b/content/posts/test.md
index 9d0015df..2f81de1e 100644
--- a/content/posts/test.md
+++ b/content/posts/test.md
@@ -3,4 +3,16 @@ title: Test
 slug: test
 ---
 
-<demo name="Time" />
\ No newline at end of file
+# Super epic editor demo
+
+- magic
+- epic
+
+<!-- <demo name="Basic" key="basic" /> -->
+
+# Super epic time demo
+
+- nice numbers
+- nice time
+
+<demo name="Time" key="time" />
\ No newline at end of file
diff --git a/src/demos/Basic/index.vue b/src/demos/Basic/index.vue
new file mode 100644
index 00000000..cdb9d360
--- /dev/null
+++ b/src/demos/Basic/index.vue
@@ -0,0 +1,18 @@
+<template>
+  <Layout>
+    <div ref="editor"></div>
+  </Layout>
+</template>
+
+<script>
+import Editor from '@tiptap/core'
+
+export default {
+  mounted() {
+    new Editor({
+      element: this.$refs.editor,
+      content: '<p>foo</p>',
+    })
+  }
+}
+</script>
\ No newline at end of file