docs: update content

docs/src/demos/Examples/InteractiveNodeViews/Component.vue

@@ -1,60 +0,0 @@
-<template>
-  <node-view-wrapper class="vue-component">
-    <span class="label">Vue Component</span>
-
-    <div class="content">
-      <button @click="increase">
-        This button has been clicked {{ node.attrs.count }} times.
-      </button>
-    </div>
-  </node-view-wrapper>
-</template>
-
-<script>
-import { NodeViewWrapper, nodeViewProps } from '@tiptap/vue-2'
-
-export default {
-  components: {
-    NodeViewWrapper,
-  },
-
-  props: nodeViewProps,
-
-  methods: {
-    increase() {
-      this.updateAttributes({
-        count: this.node.attrs.count + 1,
-      })
-    },
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.vue-component {
-  background: #FAF594;
-  border: 3px solid #0D0D0D;
-  border-radius: 0.5rem;
-  margin: 1rem 0;
-  position: relative;
-}
-
-.label {
-  margin-left: 1rem;
-  background-color: #0D0D0D;
-  font-size: 0.6rem;
-  letter-spacing: 1px;
-  font-weight: bold;
-  text-transform: uppercase;
-  color: #fff;
-  position: absolute;
-  top: 0;
-  padding: 0.25rem 0.75rem;
-  border-radius: 0 0 0.5rem 0.5rem;
-}
-
-.content {
-  margin-top: 1.5rem;
-  padding: 1rem;
-}
-</style>

docs/src/demos/Examples/InteractiveNodeViews/Extension.js

@@ -1,35 +0,0 @@
-import { Node, mergeAttributes } from '@tiptap/core'
-import { VueNodeViewRenderer } from '@tiptap/vue-2'
-import Component from './Component.vue'
-
-export default Node.create({
-  name: 'vueComponent',
-
-  group: 'block',
-
-  atom: true,
-
-  addAttributes() {
-    return {
-      count: {
-        default: 0,
-      },
-    }
-  },
-
-  parseHTML() {
-    return [
-      {
-        tag: 'vue-component',
-      },
-    ]
-  },
-
-  renderHTML({ HTMLAttributes }) {
-    return ['vue-component', mergeAttributes(HTMLAttributes)]
-  },
-
-  addNodeView() {
-    return VueNodeViewRenderer(Component)
-  },
-})

docs/src/demos/Examples/InteractiveNodeViews/index.spec.js

@@ -1,7 +0,0 @@
-context('/demos/Examples/InteractiveNodeViews', () => {
-  before(() => {
-    cy.visit('/demos/Examples/InteractiveNodeViews')
-  })
-
-  // TODO: Write tests
-})

docs/src/demos/Examples/InteractiveNodeViews/index.vue

@@ -1,52 +0,0 @@
-<template>
-  <editor-content :editor="editor" />
-</template>
-
-<script>
-import { Editor, EditorContent } from '@tiptap/vue-2'
-import { defaultExtensions } from '@tiptap/starter-kit'
-import VueComponent from './Extension.js'
-
-export default {
-  components: {
-    EditorContent,
-  },
-
-  data() {
-    return {
-      editor: null,
-    }
-  },
-
-  mounted() {
-    this.editor = new Editor({
-      extensions: [
-        ...defaultExtensions(),
-        VueComponent,
-      ],
-      content: `
-        <p>
-          This is still the text editor you’re used to, but enriched with node views.
-        </p>
-        <vue-component count="0"></vue-component>
-        <p>
-          Did you see that? That’s a Vue component. We are really living in the future.
-        </p>
-      `,
-    })
-  },
-
-  beforeDestroy() {
-    this.editor.destroy()
-  },
-}
-</script>
-
-<style lang="scss">
-/* Basic editor styles */
-.ProseMirror {
-  > * + * {
-    margin-top: 0.75em;
-  }
-}
-</style>