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