From d0d9995fd0019bd3eb79bb8f08a391b6a859b2c7 Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Thu, 13 Aug 2020 09:37:51 +0200
Subject: [PATCH] update getting started page

---
 docs/src/demos/GettingStarted/index.vue  |  6 +-----
 docs/src/demos/GettingStarted/style.scss |  3 ---
 docs/src/docPages/getting-started.md     | 10 +++++-----
 3 files changed, 6 insertions(+), 13 deletions(-)
 delete mode 100644 docs/src/demos/GettingStarted/style.scss

diff --git a/docs/src/demos/GettingStarted/index.vue b/docs/src/demos/GettingStarted/index.vue
index 58ccac95..c76f850c 100644
--- a/docs/src/demos/GettingStarted/index.vue
+++ b/docs/src/demos/GettingStarted/index.vue
@@ -3,9 +3,7 @@
 </template>
 
 <script>
-import { Editor } from '@tiptap/core'
-import { EditorContent, Renderer } from '@tiptap/vue'
-import extensions from '@tiptap/starter-kit'
+import { Editor, EditorContent } from '@tiptap/vue'
 
 export default {
   components: {
@@ -21,8 +19,6 @@ export default {
   mounted() {
     this.editor = new Editor({
       content: '<p>I’m running tiptap with Vue.js. 🎉</p>',
-      extensions: extensions(),
-      renderer: Renderer,
     })
   },
 
diff --git a/docs/src/demos/GettingStarted/style.scss b/docs/src/demos/GettingStarted/style.scss
deleted file mode 100644
index 6e7bccb6..00000000
--- a/docs/src/demos/GettingStarted/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-.this-is-a-test {
-  color: black;
-}
\ No newline at end of file
diff --git a/docs/src/docPages/getting-started.md b/docs/src/docPages/getting-started.md
index aee5efc0..cab31079 100644
--- a/docs/src/docPages/getting-started.md
+++ b/docs/src/docPages/getting-started.md
@@ -4,21 +4,21 @@ tiptap is framework-agnostic and works with Vue.js and React. It even works with
 
 ## Use tiptap with Vue.js
 
-We assume you already have a Vue.js (or Nuxt.js) project. To use tiptap in that project, you are going to need the tiptap Vue.js adapter. You can install tiptap and the adapter as a dependency in your project:
+We assume you already have a Vue.js (or Nuxt.js) project. To use tiptap in that project, you are going to need the tiptap Vue.js adapter. You can install tiptap for Vue.js as a dependency in your project:
 
 ```bash
 # Install Vue.js adapter with npm
-npm install @tiptap/core @tiptap/starter-kit @tiptap/vue
+npm install @tiptap/vue @tiptap/vue-starter-kit
 
 # Install Vue.js adapter with Yarn
-yarn add @tiptap/core @tiptap/starter-kit @tiptap/vue
+yarn add @tiptap/vue @tiptap/vue-starter-kit
 ```
 
-Cool, you have got everything in place to setup tiptap! 🙌
+The `@tiptap/vue-starter-kit` includes a few basics you would probably need anyway. Cool, you have got everything in place to setup tiptap! 🙌
 
 ## Create a new component
 
-Create a new Vue component (e. g. `<Tiptap />`) and add the following content. That is the fastest way to get tiptap up and running with Vue.js. This will give you a very basic version of tiptap, without any buttons. No worries, you will be able to add more functionality soon.
+Create a new Vue component (you can call it `<Tiptap />`) and add the following content. This is the fastest way to get tiptap up and running with Vue.js. It will give you a very basic version of tiptap, without any buttons. No worries, you will be able to add more functionality soon.
 
 <demo name="GettingStarted" />